react 梳理

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...

转载于:https://www.cnblogs.com/jojoray/p/7543716.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值