react 梳理

Posted 2020-10-07

GTWeb项目

react是一种偏简洁的模型。

React设计前提 => UI只是把数据通过映射关系变成另一种形式的数据。同样的输入有同样的输出，纯函数

状态 => 存储数据，控制UI，state更新会刷新页面。

组件化=> 数据传递自上而下，不推荐逆向传递数据。公共组件写在各自的父组件下面，如果多个父组件共用一个子组件，数据会混乱，耦合性高。

　　　　  全局变量可以放在顶层组件里，或者redux里。redux里的数据刷新时候，接收这个数据的组件也会刷新页面。

传值 => props逐层传值、子组件的函数用参数向父元素传值。

无状态组件 => 新的DOM组件，不要插在原有render里，另写一个无状态组件

action => 接收函数并触发reducer

reducer => 通过action从服务端得到的返回值，处理store里存储的数据

store => 数据容器

 

用到的工具： Webpack、Git、ES6、ES7、NodeJs、AntdUI、React、Redux、etc...