快速理解React的开发思想

相比较于VUE, 个人在开发过程中更加倾向于REACT,

不是因为REACT更好用,相反是更难用,就是大家所说的学习曲线陡,

但是REACT个人觉得正是因为他难用,或者说,代码风格更加趋近于原生JS,尤其是ES6的面向对象的编程思想,可以一边开发,一边提升自己的原生js熟练程度,不至于过度产生框架依赖。

下面以一个点赞事件为例

采用纯js开发思想,由于没有JSX编译 , 所以 暂时使用 模版字符串 做替代。

1. 理解数据驱动思想


    
"root">
复制代码

0. 初始化渲染,绑定事件

1. 触发事件函数,该函数进行触发setState

2. setState被触发,修改状态(修改state中的数据),修改后触发渲染函数

3. 渲染该组件

2.理解react的面向对象的组件式开发思想


    
"root">
复制代码

你可能感兴趣的:(快速理解React的开发思想)