React 是一个采用声明式,高效而且灵活的用来构建用户界面的框架;
React 最初的目的是使用 JavaScript 创建大型的,快速响应的网络应用;
React开发套路最小知识:
第一步:把UI划分出组件层级;
组件需要符合-单一功能原则,UI 和数据模型往往遵循着相同的信息架构;
输出结果:组件层级和组件个数,标识;
第二步:用React创建一个静态版本;
要构建一个用于呈现数据模型的静态版本的应用程序,你需要创建能够复用其他组件的组件,并通过 props 来传递数据;
在较为简单的例子中,通常自顶向下更容易;
在较大的项目中,自底向上会更容易并且在你构建的时候有利于编写测试;
输出结果:一个用于呈现数据模型的可重用组件库;
注意:创建一个静态版本更多需要的是码代码,不太需要逻辑思考,而添加交互则更多需要的是逻辑思考,不是码代码;
第三步:定义 UI 状态的最小(但完整)表示;
为了正确构建你的应用,首先你需要考虑你的应用所需要的最小可变状态集,也可以认为是数据模型的最小量数据表示;
要点是 DRY:不要重复(Don’t Repeat Yourself);
找出应用程序的绝对最小表示并计算你所需要