码迷,mamicode.com
首页 > 其他好文 > 详细

react 梳理

时间:2017-09-18 17:17:32      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:red   组件   pac   web   控制   耦合性   cer   逆向   web项目   

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

react 梳理

标签:red   组件   pac   web   控制   耦合性   cer   逆向   web项目   

原文地址:http://www.cnblogs.com/jojoray/p/7543716.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!