标签：声明式 root htm 提高 reactjs dom reac 搭建 bug
一、声明式开发
与原生DOM、JQuery等命令式编程不同
不通过指令来控制视图变化，是面向数据的编程
通过控制数据，改动数据的方式控制视图的变化，DOM的部分React会帮你自动构建
二、可以与其他框架并存
`ReactDOM.render(<TodoList />, document.getElementById(‘root‘));`
如上，React只控制index.html中id=root部分dom的渲染，其他部分不作控制
可被兼容到其他框架中（只要其他框架不影响它）
三、组件化
每一个ReactJS文件都是一个组件，含视图、逻辑操作、数据
组件可以被嵌套到其他组件之中
注意组件声明需要首字母大写，如`<TodoList />`
四、单向数据流
子组件对于父组件传递过来的数据是【只读】的
子组件直接不可修改父组件中的数据，只能通过调用父组件传递过来的方法，来间接修改父组件的数据
形成了单向清晰的数据流
防止了当一个父组件的变量被传递到多个子组件中时，一旦该变量被修改，所有传递到子组件的变量都会被修改的问题
这样出现bug调试会比较困难，因为不清楚到底是哪个子组件改的
把对父组件的bug调试控制在父组件之中
五、视图层框架
React框架只负责视图层部分的实现，以及父子组件之间简单的通信
涉及到复杂的跨组件通信，需要借助Redux等数据层框架实现
这样为搭建小项目提供了简易性，为搭建大项目提供了灵活性
六、函数式编程
每个功能都是一个小函数，函数大了还可以继续拆分，维护起来比较容易
提高了代码可读性，为后续自动化测试提供了便利
标签：声明式 root htm 提高 reactjs dom reac 搭建 bug
原文地址：https://www.cnblogs.com/luffa/p/10349712.html
