🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
不久前完成了基于react全家桶的在线购物商城项目,对于react+redux这一套开发体系也算是正式入坑。一开始我是对redux是抵触的,不明白为什么要额外分层来维护一个state,在实战中算是体会到了redux的奥妙。下面是我对于react+redux的个人理解和经验总结,小白一个,大神轻喷~ ####React react的diff高性能算法、虚拟dom和state为react带来了不少支持者,紧追angular。react可以说学习成本并不高(相比较angular、backbone等重型MV*来说),可以通过[官方文档](http://reactjs.cn/react/docs/getting-started.html)或阮一峰的[博客](http://www.ruanyifeng.com/blog/2015/03/react.html)来学习。我在入门的时候找到了一个关于react和jquery对比的文章,通过上面的小demo来理解react的优点和适用性,[戳这里](https://segmentfault.com/a/1190000003501752)。react的难点并不在于它本身,而是它的开发思想和整个开发体系。如果要使用react,那么估计你会需要另外学react-router、redux(reflux等)、函数式编程等等,甚至后端(nodeJs)都需要用到react。 ####Redux react的state可以说改变了我们的开发方式,通过state来决定一个组件的内部状态进而决定视同层的展示。但是使用react也会遇到一系列的问题,例如:当state越来越庞大,组件越来越多的时候,该如何维护state?必须要把业务逻辑写在组件中吗?state如何跨组件交互?redux恰好为了帮助你解决这些疑难而诞生的。