你将获得
- 全面学习 React 常用技术栈;
- 深入理解 React 设计模式;
- 常见场景下的编程实战指南;
- 掌握用 React 开发大型项目的能力。
课程介绍
注:本课程基于 React 16.4 版本构建。
React 是目前最为流行的前端 UI 开发框架之一,根据 Hacker News 发布的招聘趋势数据,React 已经连续 12 个月成为最受招聘方欢迎的技能,需求指数一度达到 25.93 %,足可见 React 在业内的被认可度。
在 React 出现之前,基于 HTML 的前端界面开发正变得越来越复杂,如何将来自于服务器端或者用户输入的动态数据高效地反映到复杂的用户界面上,是最让人头疼的难题。而 React 则很好地解决了这个问题,使用 React 可以非常轻松地创建用户交互界面,在数据改变时更高效地更新渲染界面。
React 使用声明式的语法帮助开发者直观地描述和组织复杂的界面逻辑,让前端应用开发变得越来越容易;React 繁荣的生态圈还为开发者提供了大量的最佳实践;活跃的社区则让你碰到问题可以迅速找到解决方案。
React 不仅让你能够从容应对大型复杂前端应用的开发,其编程思想还能应用到 React Native 原生 App 开发,服务器端渲染的后端开发。
无论你是没有接触过 React 的前端工程师,还是移动应用开发人员,或者仅仅是想跨界了解前端开发现状的程序员,学习 React 不仅能让你丰富自身的技能库,掌握当下最热门的前端开发利器,同时还能大大提升职场竞争力,迈向更高的台阶。
课程目录
01-课程介绍【练椒课堂www.lajiaokt.com】ts
O2-Reacti出现的历史背最及特性介绍【辣椒课堂www.lajiaokt.com】,ts
O3-以组件方式考UI的构建【辣椒课堂www.lajiaokt.com)】ts
04-JSX的本质-不是模板1擎,而是语法糖【辣椒课堂www.lajiaokt.com)】ts
O5-Reat组件的生命周期及其使用场景【辣椒课堂www.lajiaokt.com】ts
O6-理解VirtualDOM及key属性的作用【辣椒课堂www.lajiaokt.com】,ts
O7-组件设计模式-高阶组件和画数作为子组件【辣椒课堂www.lajiaokt.com】ts
O8-理解新的ContextAPl及其使用场景【辣椒课堂www.lajiaokt.com】ts
O9-使用脚手架工具创建React.项目【辣椒课堂www.lajiaokt.com】ts
1O-打包和部署[练椒课堂www,lajiaokt.com】ts
11-Redux(1)-前端为何需要状态管理库【辣椒课堂www.lajiaokt.com】ts
12-Redux(2)-深入理解Store、Action.Reducer[辣椒课堂www.lajiaokt.com】ts
13-Redux(3)-在React中使用Redux【辣椒课堂www.lajiaokt.com】ts
14-Redux(4)理解异步Action、Redux中间件【辣椒课堂www.lajiaokt.com】ts
15-Redux(5)-如何组织Action和Reducer【辣椒课堂www.lajiaokt.com】.ts
16-Redux(6)-理解不可变数据(Immutability)【辣椒课堂www.lajiaokt.com】ts
17-ReactRouter(1):路由不只是页面切换,更是代码组织方式【辣椒课堂www,lajiaokt.com】ts
18-ReactRouter(2):参数定义,嵌套路由的使用场最【辣椒课堂vww.lajiaokt.com】ts
19-Ul组件库对比和价绍:Ant.Design.MaterialUl、SemanticU【辣椒课堂www.lajiaokt.com】ts
20-使用Next.jst创建React同构应用【辣椒课堂www.lajiaokt..com】,ts
21-使用)est.Enzymes等工具进行单元测试【辣椒课堂www.lajiaokt..com】ts
22-常用开发调试工具:ESLint.Prettier、ReactDevTool、ReduxDevTool【辣椒课堂www,lajiaokt.com】ts
23-前端项目的理想架构:可维护、可扩展、可则试、易开发、易建构[辣椒课堂www.lajiaokt.com】ts
24-拆分复杂度(I):按领域模型(feature)组织代码,降低耦合度【辣椒课堂www.lajiaokt.com】,ts
25-拆分复杂度(2):如何组织component、.action和reducer[球椒课堂www.lajiaokt.com】ts
26-拆分复杂度(3):如何组织ReactRouter的路由配置【辣椒课堂www.lajiaokt..com】,ts
27-使用Rekit(1):创建项目,代码生成和重构【辣椒课堂www.lajiaokt.com】ts
28-使用Rekit(2):遵循最佳实践,保持代码一致性【辣椒课堂www.lajiaokt.com】ts
29-使用ReactRouter管理登录和授权【辣椒课堂www.lajiaokt.com】ts
30-实现表单(1):初始数据,提交和跳转【辣椒课堂vww.lajiaokt.com】,ts
31-实现表单(2):错误处理,动态表单元素,内容动态加载[辣椒课堂www.lajiaokt..com】ts
32-列表页(1):搜素,数据缓存和分页【辣椒课堂www.lajiaokt..com】,ts
33-列表页(2):缓存更新,加载状态,措误处理【辣椒课堂www.lajiaokt.com】,ts
34-页面数据需要来源多个请求的处理【辣椒课堂www.lajiaokt..com】ts
35-内容页的加载与缓存【辣椒课堂www.lajiaokt.com】ts
36-基于ReactRouter3实现分步操作【辣椒课堂www.lajiaokt.com】,ts
37-常见页面布局的实现【辣椒课堂www.lajiaokt.com】ts
38-使用ReactPortals实现对话框,使用antd对话框【辣椒课堂www.lajiaokt..com】,ts
39-集成第三方JS库:以d3js为例【辣椒课堂www.lajiaokt.com】ts
40-基于路由实现菜单导航【辣椒课堂www.lajiaokt.com】ts
41-React中拖放的实现[辣椒课堂www.lajiaokt.com】,ts
42-性能永远是第一需求:时刻考虑性能问题【辣椒课堂www.lajiaokt.com】ts
43-网络性能优化:自动化按需加载【辣椒课堂www.lajiaokt.com】ts
44-使用Reselecti避免重复计算【辣椒课堂www.lajiaokt.com】.ts
45-下一代Reat:异步渲染【辣椒果堂www.lajiaokt.com】ts
46-使用ChromeDevTool进行性能调优&结课测试【辣椒课堂www.lajiaokt.com】ts
评论0