美文网首页
React开发过程中的小结

React开发过程中的小结

作者: sniperyan | 来源:发表于2016-08-16 21:32 被阅读0次

    学习react一个月了,之前应公司领导的要求,做一个webapp演示版本出来,当时为了赶进度,快速开发出了一个版本,留下很多问题,没有仔细研究,现在回头来想想,问题还是蛮多的。

    需要完全遵守redux的思想吗?

    redux的思想是全局只有一个state,并且给store管理,这里叫storeState,我的演示版本的app是这么玩的,比如页面异步加载的数据,分页的数据,还有页面loading状态等等,都保存在storeState里面,所有数据操作的方法,都放在了顶层container里面,都过dispatch达到修改数据的目的,这样看似很有条理,但是也带来了一个问题: storeState非常臃肿,页面中有好几处分页,很混乱,而且react-router在页面回退,读取state内容时,还有一个bug(我没跟源码,不清楚怎么回事)。这时候,我就有疑问,是我的state设计的不够好吗?这时候我又重新看了一遍redux的文档,上面的思想非常明确,使用redux只要一个state。这时候我在github上看了别人写的redux的代码,发现基本上他们都没有完全遵守redux的思想,都使用了局部state去做组件。

    我的想法

    最近看大神的文章,学会了一个概念,叫反模式(anti pattern),我还特意百度了一下这个词语啥意思,大致就是说我们在开发的过程中,需要违反特定的开发模式,尤其是在react开发中,有很多反模式的应用案例,比如阿里的antd design,里面就用了不少反模式。而且我之前写的演示版本也没做性能优化,丢ios上跑还凑合,安卓打包之后跑,感觉就卡的要命。所以我打算后面也用反模式,自己再写一个应用出来,再深入理解一下react+redux+react-router这种架构,这次我要好好的设计一下state,好好设计组件,做好性能优化,等写好了就丢github上。

    相关文章

      网友评论

          本文标题:React开发过程中的小结

          本文链接:https://www.haomeiwen.com/subject/hinpsttx.html