课程介绍

注意0：欲购买此课程，获取安全购买链接，索要正版授权学习平台账号，务必加咨询QQ：2536379620
注意1：由于编码原因，试听课程视频画面清晰度不如最终购买的视频。最终购买视频的画面清晰度可参见以下两张图。图1   图2
注意2：正版良心视频，购买后有机会和原作者直接短暂技术交流。

注意3：感觉课程太难？没有信心？还在犹豫自己学的会学不会？我们的师傅带徒弟模式（5倍下单）会给您信心。我们承诺， 商品详情，教学大纲，视频内容，所涉及技术，可获得原创作者老师微信或QQ和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达，视频之外相关技术内容，行业内信息人脉，企业内推(如有)，原创作者老师会竭诚帮助。

以上所示价格，只能自行学习视频和获取少量解答。师傅带徒弟课程（5倍下单左右，可以先和客服联系，可获得老师的联系方法和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达。）

 

适用人群

有html+css+js基础，并且对react框架有学习需求的人员。

课程目标

掌握react+redux+hooks+context+router等知识内容

课程大纲

1-1课程介绍&项目效果预览[15:31]  免费试看


2-1React零基础入门—课程介绍&工作原理[14:26]
2-2React零基础入门—环境配置[06:25]
2-3React零基础入门—创建组件[21:48]
2-4React零基础入门—state状态[13:06]
2-5React零基础入门—React-Dev-Tool[08:56]
2-6React零基础入门—this关键词[09:06]
2-7React零基础入门—DOM事件[16:09]
2-8React零基础入门—form表单[11:43]


3-1React零基础入门—create-react-ap[11:15]
3-2React零基础入门—单页面应用[17:32]
3-3React零基础入门—组件嵌套[11:31]
3-4React零基础入门—props属性传值[08:41]
3-5React零基础入门—列表渲染[15:05]
3-6React零基础入门—无状态组件[10:40]
3-7React零基础入门—数据逻辑处理[10:53]
3-8React零基础入门—添加表单数据[16:02]
3-9React零基础入门—props传递函数[16:23]
3-10React零基础入门—删除数据[14:56]


4-1React零基础入门—回顾&虚拟DOM[09:23]
4-2React零基础入门—引入CSS文件[06:56]
4-3React零基础入门—生命周期[13:24]
4-4React零基础入门—Todo实战练习（一）[24:07]
4-5React零基础入门—Todo实战练习（二）[15:28]
4-6React零基础入门—react路由[24:14]
4-7React零基础入门—Link&NavLink[04:55]
4-8React零基础入门—重定向[13:11]
4-9React零基础入门—高阶组件[10:59]


5-1React零基础入门—axios[17:58]
5-2React零基础入门—路由参数（一）[16:26]
5-3React零基础入门—路由参数（二）[14:27]
5-4React零基础入门—图片导入[05:40]
5-5React零基础入门—switch[05:30]


6-1Redux零基础入门—初识redux[08:08]
6-2Redux零基础入门—store[07:26]
6-3Redux零基础入门—action[05:23]
6-4Redux零基础入门—reducer[04:43]
6-5Redux零基础入门—订阅store[14:06]
6-6Redux零基础入门—react-redux[11:19]
6-7Redux零基础入门—mapStateToProps[10:38]
6-8Redux零基础入门—完善博客页面[11:49]
6-9Redux零基础入门—mapDispatchToPr[18:47]
6-10Redux零基础入门—action生成器[06:38]


7-1ContextAPI零基础入门—初始化app[13:21]
7-2ContextAPI零基础入门—初始Context[11:24]
7-3ContextAPI零基础入门—创建context[18:00]
7-4ContextAPI零基础入门—contextTyp[17:20]
7-5ContextAPI零基础入门—consumer[07:34]
7-6ContextAPI零基础入门—更新上下文数据[12:16]
7-7ContextAPI零基础入门—创建多个上下文[10:13]
7-8ContextAPI零基础入门—获取多个上下文[10:58]


8-1ReactHooks零基础入门—初识hooks[12:56]
8-2ReactHooks零基础入门—useState[18:53]
8-3ReactHooks零基础入门—useState应用[17:30]
8-4ReactHooks零基础入门—useEffect[13:17]
8-5ReactHooks零基础入门—useContext[08:41]
8-6ReactHooks零基础入门—获取多个上下文[09:10]
8-7ReactHooks零基础入门—函数组件上下文[11:39]


9-1ReactHooks零基础入门—阅读列表实战（一）[20:13]
9-2ReactHooks零基础入门—阅读列表实战（二）[15:37]
9-3ReactHooks零基础入门—阅读列表实战（三）[12:27]
9-4ReactHooks零基础入门—useReducer[17:54]
9-5ReactHooks零基础入门—useReducer[24:23]
9-6ReactHooks零基础入门—本地存储[24:16]


10-1React颜色生成器—values.js获取颜色[15:26]
10-2React颜色生成器—项目介绍[08:21]
10-3React颜色生成器—渲染颜色组件[22:05]


11-1React美食美客菜单—项目介绍[02:52]
11-2React美食美客菜单—初始化App[16:01]
11-3React美食美客菜单—分类按钮[20:07]


12-1React旅游目的地—项目介绍[02:23]
12-2React旅游目的地—初始化App[15:07]
12-3React旅游目的地—创建UI组件[08:30]
12-4React旅游目的地—实现页面功能[19:21]


13-1React幻灯片—初始化App&UI组件[20:03]
13-2React幻灯片—点击切换&自动播放[21:32]


14-1React记账器—创建UI组件[19:48]
14-2React记账器—创建全局Context[26:15]
14-3React记账器—获取context&删除数据[18:10]
14-4React记账器—获取form表单数据&添加交易[14:37]


15-1React分页导航—获取数据&UI组件[32:07]
15-2React分页导航—实现分页导航功能[23:43]


16-1React贪吃蛇—创建UI组件[30:34]
16-2React贪吃蛇—移动贪吃蛇[28:05]
16-3React贪吃蛇—设置边界&游戏结束[15:08]
16-4React贪吃蛇—吃到食物[10:03]


17-1React疫情追踪器—项目介绍[04:45]
17-2React疫情追踪器—初始化App[22:41]
17-3React疫情追踪器—卡片组件[37:01]
17-4React疫情追踪器—创建折线图[22:58]
17-5React疫情追踪器—获取国家或地区数据[33:07]
17-6React疫情追踪器—创建柱状图[18:18]


18-1React文件上传—初始化App[32:21]
18-2React文件上传—上传组件[24:17]
18-3React文件上传—提示框&进度条[16:12]


19-1React猜单词—初始化App[16:04]
19-2React猜单词—创建单词组件[32:09]
19-3React猜单词—弹出框&提示框[43:04]


20-1React购物车—项目介绍&UI组件渲染[39:19]
20-2React购物车—useReduce[12:43]
20-3React购物车—删除&增减商品[15:38]
20-4React购物车—获取总价和总量[18:28]