react要点解析

react要点解析

公司里的些web开发用的是react+redux+node所以这段时间在学习react，到目前为止对react也算有了些粗浅的认识，所以趁今天总结一下。虽然可能有些地方说的不是很正确希望大神指正啊。闲话少说，进入正题哈
1. 什么是react
简单来说，react是一个由facebook维护开发的前端框架，它是为了解决在开发大型项目时，那些复杂的state难于维护的问题。并且以组件的方式来组织整个项目。这样各个组件之间都是相互独立的，它们都只需要维护各自的state就可以了
2. react的要点

• 组件化
  正如上面所说的基于react框架的项目都是由组件构成的，不必赘述。
• props
  它是react的数据来源，作为web站点来说，我认为有两个要点，其一是展示数据，其二是交互。而props主要担任的任务则是展示一些“不变”数据，所谓“不变”并不是真的不变，而是从数据库中取出来后基本上不再发生变化，我们只是将它展示出来而已。只有在当触发了redux的action的时候，改变了注入props的底层数据或者父组件传过来的值发生变化时，props才会发生变化。
• this.state
  交互是不可避免，同时也是必须的。而this.state主要就是承担了这部分功能，与props正相反，它存放的数据时可变的，或者说主要是需要与后端进行交互的数据，这部分数据有一个原则。尽可能最小，这也很容易理解，当然是状态越少，程序越好维护。
• 数据流
  与现在前端很流行的angular的双向数据绑定不同，react是单向数据流，若要实现相同的效果，不得不借助onchang方法，然后重新渲染页面。