| - h9 n$ \/ a% F 
  O* H, R, ~- n9 g# M: i 〖课程介绍〗8 T, z5 D8 E9 q
 本课程通过对简书项目进行实战开发,从基础原理逐步深入讲解React中的主流技术以及实战中的应用。课程讲解全部使用React16最新语法,让同学们全方位理解应用React构建项目,直接上手中级以上难度React项目开发。
 ! G3 `: ^) E. H/ C7 n
 4 v) {% Z1 g, q% z- ?/ i$ m" O- I2 P〖课程目录〗1 F! b- k" {! @  j% a1 O
 第1章 课程导学9 S& K' E7 z! Z- e  j
 本章主要介绍学习react的重要性,课程的知识大纲,学习前提,讲授方式及预期收获。' u; l" c0 x# B. h! Z" ^  X, f
 1-1 课程导学 试看9 ~/ H# J- h& b  h- h
 
 # \" K3 s0 }9 v/ O4 _+ x0 A' s9 c第2章 React初探
 0 |7 D/ o5 d& O  g6 x6 T9 K" K6 T本章主要讲解React项目的开发环境搭建,工程代码结构及React中最基础的语法内容,同时对前端组件化思想进行介绍。
 ' V. Y( U* P  \: M2-1 React简介# K2 G2 A# @7 R! e( X
 2-2 React开发环境准备$ ^; _. h) M1 y% x
 2-3 工程目录文件简介
 ! `% g+ g' z8 z2-4 React中的组件 试看
 ! S6 t0 d8 A+ G5 Y5 d3 F% X9 [2-5 React 中最基础的JSX语法 试看
 $ m4 X- s* |3 ?0 d! T) N+ ]6 C  e5 r" [$ c
 第3章 React基础精讲# S0 q9 z: b, `3 N( X& |
 本章通过TodoList功能的实现,给大家完整介绍React的基础语法,设计理念以及围绕React展开的一些编程思维。$ ^! g/ j/ U) a9 X( S2 z) W- t
 3-1 使用React编写TodoList功能8 K6 V5 h; E% ?* [; w
 3-2 React 中的响应式设计思想和事件绑定+ k! i  u9 ^1 n
 3-3 实现 TodoList 新增删除功能
 ; K- s+ H  r* _* b3-4 JSX语法细节补充
 / \& z5 m+ C( V3-5 拆分组件与组件之间的传值3 Q, S( i( N( W6 i0 i# o" ?+ A
 3-6 TodoList 代码优化
 " g4 m- O) Q# j2 G! \3-7 围绕 React 衍生出的思考
 $ T8 A* L! `& x$ P
 3 b( }* v2 }- ?0 Y% ^% q8 X第4章 React高级内容
 ; B4 Q+ t* f  j5 \: k; n: k: L1 m$ [本章讲解React高级部分内容,包含PropTypes,生命周期函数,虚拟Dom,数据mock,动画实现等部分课程讲解。
 6 C+ f( O1 w$ Q( p. ^0 L! A6 n* a0 |$ S4-1 React developer tools 安装及使用
 & Y  L& r$ r6 m4 L+ ?4-2 PropTypes 与 DefaultProps 的应用/ J- M1 i1 Q# c& c2 c
 4-3 props,state 与 render 函数的关系! o8 y0 i  v6 i3 r- D- Z
 4-4 React 中的虚拟DOM% o( i" d" p- I+ h1 f9 t
 4-5 深入了解虚拟DOM
 4 s2 m" |5 _9 P, v4-6 虚拟 DOM 中的 Diff 算法; p- F2 B6 N, U! ~4 m! d
 4-7 React 中 ref 的使用5 A% }0 y* J: X, B4 G* N3 G  f6 t
 4-8 React 的生命周期函数
 2 ^3 g0 L  ^0 H4-9 React 生命周期函数的使用场景
 ! }* r. O1 R  d( n: \0 Y4-10 使用Charles实现本地数据mock
 " u9 s. N: G* k* A5 x9 O4-11 React 中实现 CSS 过渡动画: ]( \0 Q! ]5 d# Y5 c9 u" n2 \
 4-12 React 中使用 CSS 动画效果7 C) L- ^* u2 I, }, x
 4-13 使用 react-transition-group 实现动画(1)9 g! d2 D/ y% o8 E5 V' n: Q
 4-14 使用 react-transition-group 的使用(2)
 # |0 {- b8 w/ v" s, w0 f+ j; c4 \: \, `# d; o8 f
 第5章 Redux入门! V/ \, h2 @5 K; i7 C4 r2 }
 本章主要讲解Redux产生背景,组成内容以及使用方式,通过实例带大家上手Redux数据管理框架的使用。
 " ?- z2 J& U) O3 F! x- V5-1 Redux 概念简述1 a3 K/ ^( b( C9 h% y4 z
 5-2 Redux 的工作流程% M+ L+ v. d, k6 B6 l
 5-3 使用 Antd 实现 TodoList 页面布局/ ^9 j! K+ w: p5 X$ n# x' U/ ^
 5-4 创建 redux 中的 store
 ( v$ x) y& _7 m7 ?$ H5 B6 a& l& Y5-5 Action 和 Reducer 的编写& L4 @( I+ c: w
 5-6 使用 Redux 完成 TodoList 删除功能
 # [4 h& T2 @. R( k+ P1 W0 E! U( p* B* n& {5-7 ActionTypes 的拆分  u! m; e4 ]: f% j& E% ?: @2 O
 5-8 使用 actionCreator 统一创建 action+ r4 ]1 e4 d9 ]
 5-9 Redux 知识点复习补充
 ; ^, G; c0 \- l1 L/ s  O
 0 K- n6 v1 H! T! g! p第6章 Redux进阶6 V8 u1 O5 e3 Q
 本章主要讲解UI组件与容器组件基础,如何使用redux-thunk,redux-saga等Redux中间件,以及react-redux的使用方式。& |1 m8 n9 ?9 Y. ]  L2 W& J
 6-1 UI组件和容器组件3 H) ?: x3 q8 u" G
 6-2 无状态组件+ ~! F  N  t, S
 6-3 Redux 中发送异步请求获取数据  Y- G( d6 r0 g8 W/ z0 H
 6-4 使用Redux-thunk 中间件实现ajax数据请求
 1 S8 Y0 j- u' a, Q2 T! T7 `' i0 t5 ]- b6-5 什么是Redux的中间件+ J  n9 Y7 z8 S, Q1 s" D9 N
 6-6 Redux-saga中间件入门(1)
 6 S' N' p: t( ~; I4 {) g5 W' J6-7 Redux-saga中间件入门(2)
 $ y4 c0 l- x+ N% Y6-8 如何使用 React-redux(1)
 # S7 J' b# s1 D6-9 如何使用 React-redux(2)
 5 _8 b+ h) i" {  m6-10 使用React-redux完成TodoList功能" |4 Q2 ^& X. [( ?! V( X
 & J; H3 C! w8 D6 h
 第7章 项目实战:Header组件开发: n9 W* U! m% s# |( a  z2 r
 本章讲解项目中公用Header组件的开发,包含动画效果实现,iconfont,immutable.js,styled-components的使用以及异步数据的获取。
 5 |3 M7 g: d8 F7-1 项目目录搭建,Styled-Components 与 Reset.css 的结合使用
 # t; F8 n' ?) U1 ^2 z2 h$ F7-2 使用 styled-components 完成 Header 组件布局(1)
 ; _7 u! E- f0 C. B( s) D' Y' z7-3 使用 styled-components 完成 Header 组件布局(2)
 2 d" a6 {7 D: }1 }% d7-4 使用 iconfont 嵌入头部图标8 M1 d# q) v& |2 L
 7-5 搜索框动画效果实现- d1 J: H) F9 I7 m) g8 I) ^
 7-6 使用 React-Redux 进行应用数据的管理
 9 ?% h5 T7 y* y' l# E7-7 使用 combineReducers 完成对数据的拆分管理5 r( @  I' U4 F8 }$ K
 7-8 actionCreators 与 constants 的拆分* v, v- [7 a- L0 f; D9 k
 7-9 使用 Immutable.js 来管理store中的数据) E5 d, b9 h8 \) v
 7-10 使用 redux-immutable 统一数据格式! Y; j4 q- l9 f$ J
 7-11 热门搜索样式布局' A" Q' m. V9 r/ `& ^8 V
 7-12 Ajax获取推荐数据  Q  u$ V3 O; h: `+ C8 l6 k
 7-13 代码优化微调  l% o' t8 Z' q4 Y. e
 7-14 热门搜索换页功能实现
 8 R4 q: d& F: ?1 w* A" n7-15 换页旋转动画效果的实现$ _" h! b7 Y( w$ j0 M
 7-16 避免无意义的请求发送,提升组件性能' n1 }* D/ K3 u8 d
 3 `- v# G+ Z0 K- n2 E
 第8章 项目实战:首页开发% Y; y8 Y9 C# W+ G
 本章将带大家完成项目首页的开发,课程能容包含react-router4的使用,组件及reducer的拆分设计,首页部分的核心功能包含列表显示,加载更多,返回顶部等。
 - `% X. V# q/ _0 ^3 U8-1 什么是路由,如何在React中使用路由功能4 z" [+ k% \1 ^9 |
 8-2 首页组件的拆分
 # i6 W- B1 r" j/ V( R8-3 首页专题区域布局及reducer的设计
 7 N# E) B- V9 T% I& H( R! Z) o4 x8-4 首页文章列表制作
 1 _6 ^- P! R8 m8-5 首页推荐部分代码编写
 7 k+ \' S1 S/ j5 h& {4 X8-6 首页异步数据获取* ], E" v4 d  }. L
 8-7 异步操作代码拆分优化
 / o- K/ a3 K2 ~! ^8-8 实现加载更多功能, @) j/ G+ Q2 \, J1 W
 8-9 返回顶部功能实现8 F1 E$ f+ {, |6 g% S8 ?  w/ k- x
 8-10 首页性能优化及路由跳转
 + c5 E( a# X' N* Z) _
 7 [8 G) B* l8 Q0 M$ d# g第9章 项目实战:详情页面和登录功能开发
 ; l7 P" D; g. b, h4 T2 W7 r& A本章将完成详情页面的开发,过程中将完整介绍react-router跨页面传值的方法及登陆鉴权的实现思路。同时我们将给大家介绍异步组件和路由withRouter方法的使用方式。
 5 Z: o4 \! Y- B' r. Q& M7 z9-1 详情页面布局  I7 o+ n  D6 S: _. M
 9-2 使用redux管理详情页面数据
 3 L$ ^% w2 E6 Z7 d$ }, w9-3 异步获取数据# F/ y5 R: g' @  j
 9-4 页面路由参数的传递
 ( n7 j+ e8 _6 ^$ z# V9-5 登陆页面布局
 , x$ |0 `2 X) n& Q$ X9-6 登陆功能实现
 # ^* U- k5 Z. Z- ?$ O9 }9-7 登陆鉴权及代码优化9 I! _9 V0 F" X5 d
 9-8 异步组件及withRouter路由方法的使用
 ( h& v& ~2 ?- j) L6 u  B' S/ g5 h; v* |- e
 第10章 课程总结, H' u/ _) w) w/ y
 本章将给大家介绍项目的上线流程,React版本升级对本项目的影响,并带大家进行整个课程的知识点回顾。/ L9 I" X/ K6 p
 10-1 项目上线流程
 : p4 o. f) Z+ ]7 |4 I5 Y10-2 React 版本升级说明+ h( N! z. @+ z
 10-3 课程总结, n  z* x& Z  F
 
 $ r  Z$ Z7 I/ V7 A7 T. V* l〖下载地址〗
 9 Z2 B  S; e: f% ?: V! [1 Z
 / V5 ]4 @# n% P/ s7 [; I! ]9 ^: m" G; U
 ---------------------------------华丽分割线-----------------------------------华丽分割线--------------------------华丽分割线---------------
 , q% n. o5 a+ }- d0 q2 D, y; M4 [7 F/ _
 〖下载地址失效反馈〗5 E2 d8 K0 f" o$ |) X* o
 如果下载地址失效,请尽快反馈给我们,我们尽快修复。可加客服微信:2230304070. j/ J$ b' d$ i9 P3 o/ z& N
 
 , K( ~  d5 n1 |6 m2 }* F6 ?〖客服24小时咨询〗' r7 E, p: C: b% \# E4 [) T3 a2 B6 h
 有任何问题,请点击右侧QQ咨询。
 ( q4 S( i  Z: n2 J2 P
 [! U! b0 q" _4 A: g" i
 - s, `8 ~. i& n' ^7 c
 ! r/ L$ [: R% X9 g5 n
 2 V( I# w1 [6 G4 j
 |