React实战进阶45讲学习心得

React实战进阶45讲学习心得

React Router（1）：路由不只是页面切换，更是代码组织方式    

React Router（2）：参数定义，嵌套路由的使用场景    

React 中拖放的实现    

Redux(1) 前端为何需要状态管理库    

Redux(2) 深入理解 Store, Action, Reducer    

Redux(3) 在React中使用Redux    

Redux(4) 理解异步 Action，Redux 中间件    

Redux(5) 如何组织Action和Reducer    

Redux(6) 理解不可变数据（Immutability）    

UI组件库对比和介绍：Ant.Design，Material UI，Semantic UI    

拆分复杂度（1）：按领域模型（feature）组织代码，降低耦合度    

拆分复杂度（2）：如何组织component，action和reducer    

拆分复杂度（3）：如何组织React Router的路由配置    

常见页面布局的实现    

常用开发调试工具：ESLint，Prettier，React DevTool，Redux DevTool    

基于React Router实现分布操作    

基于路由实现菜单导航    

集成第三方JS库：以 d3.js 为例    

列表页（1）：搜索，数据缓存和分页    

列表页（2）：缓存更新，加载状态，错误处理    

内容页的加载与缓存    

前端项目的理想架构：可维护，可扩展，可测试，易开发，易建构    

实现表单（1）：初始数据，提交和跳转    

实现表单（2）：错误处理，动态表单元素，内容动态加载    

使用 React Portals 实现对话框，使用 antd 对话框    

使用Jest，Enzyme等工具进行单元测试    

使用Next.js创建React同构应用    

使用React Router管理登录和授权    

使用Rekit（1）：创建项目，代码生成和重构    

使用Rekit（2）：遵循最佳实践，保持代码一致性    

页面数据需要来源多个请求的处理