重新回顾了一下react相关的知识

react简单总结

image

比如基础语法,JSX,组件化,用styled-componments写js文件的css样式
使用create-react-app脚手架构建项目,安装依赖,配置webpack
随着项目的业务场景变化,开始进行redux全局状态管理和CSS3动画
数据管理中涉及异步/不可变性,需要中间件进行处理,如thunk/Immntable.js
使用第三方UI框架,如Antd,Iconfont矢量图标,公司也要求开发自己的Ui组件库 现代化web开发,已经离不开前端路由React-Roouter调式面板使用chrome+react-devtools+redux-devtools应用细节涉及生命周期函数,Ref的操作DOM节点 还需要进行自动化测试jest+enzyme`
代码和性能优化上主要是ES6语法和AJAX请求,缓存,CDN等

redux的中间件

对比下thunk和saga

image

redux-thunk将原本的action对象,变成可执行函数后交给reducer处理
所以把异步业务逻辑进行封装
相比与saga,后者就显得格外的繁琐,api异常冗杂
其结果实际上是并行生成了reducer处理action
目前基本的业务场景,使用react-redux即可,不建议一开始就使用saga
也不建议,最初就自己动手封装中间件

学习记录的一些想法

推荐以下方式进行总结

image

• 为知笔记
• 思维导图
• 手绘/手写线框图

数字化的层面尽量使用gif动图演示
梳理后,写成文章,用于分享回顾