![深入浅出React和Redux](https://wfqqreader-1252317822.image.myqcloud.com/cover/204/858204/b_858204.jpg)
上QQ阅读APP看书,第一时间看更新
1.4.4 React工作方式的优点
毫无疑问,jQuery的方式直观易懂,对于初学者十分适用,但是当项目逐渐变得庞大时,用jQuery写出的代码往往互相纠缠,形成类似图1-4的状况,难以维护。
![](https://epubservercos.yuewen.com/155966/7514312004750801/epubprivate/OEBPS/Images/figure_0023_0001.jpg?sign=1738857583-rSgHHbxKbnfKgD3yL4mgEZe4Yc1pSOYZ-0-4e9516b8896e4ae1c1d2ecd78dfac8c7)
图1-4 jQuery方式造成的纠缠代码结构
使用React的方式,就可以避免构建这样复杂的程序结构,无论何种事件,引发的都是React组件的重新渲染,至于如何只修改必要的DOM部分,则完全交给React去操作,开发者并不需要关心,程序的流程简化为图1-5的样式。
![](https://epubservercos.yuewen.com/155966/7514312004750801/epubprivate/OEBPS/Images/figure_0023_0002.jpg?sign=1738857583-34lqtLO9rsfv3HLtwOzjKEmDFG0KezfK-0-5b4ef9c7c699e19e3ad3f068e244bcaa)
图1-5 React的程序流程
React利用函数式编程的思维来解决用户界面渲染的问题,最大的优势是开发者的效率会大大提高,开发出来的代码可维护性和可阅读性也大大增强。
React等于强制所有组件都按照这种由数据驱动渲染的模式来工作,无论应用的规模多大,都能让程序处于可控范围内。