React + Redux + express+ antd 架构的认识

  在过去的两周里,我使用这套技术栈进行项目页面的开发。下面是我个人的对于项目的一些看法:

  首先:是项目的调试,我深表压力很大,项目是使用fibber去抓包调试的,也不知道我们项目的负责人,怎么能的我在每次更改代码,webpack重新打包压缩的时候总是很慢。

项目是多页面应用,采用的是webpack的多入口同时打包,可能是这个问题导致的打包毕竟慢把,也有可能是由于电脑性能问题。

  第二:对于redux,我不知道前人是什么逻辑去使用这个状态管理器的,总感觉他们写的代码很乱,我理解起来很有难度,最最最主要的是他们都不代注释的。我觉得嘛,既然用了redux去管理react的状态,遵循react 的单向数据流的规则去处理代码逻辑,而不是太多的去是用回调和组件的内部状态去控制组件的状态,把redux当成MVC中的controller,而页面上也就是view层的结构只需要去判断处理该(dispatch)分发那个或那些Action就好了,而我们的服务器后台可以看作是MVC中的modal层。这样逻辑就会清晰明了很多。

  第三:对于express项目
  使用到express.all去捕获所有的json请求,然后实现本地文件的下发给客户端,没有使用 If-None-Match/E-tagIf-Modified-Since/Last-ModifiedCache-Control/Max-Age

Pragma/Expires等去设置缓存,模拟不了缓存的情况,get请求一般都是会缓存的。这样的json文件,都是静态的。这样的mock理论上和在本地写死数据没什么一样,但是这样也可以提前确定数据格式,前后端可以同时开发,前后端分离的一种方式。社区的一些mock工具,例如mockjs, json-server我觉得都不错。

  感谢阅读!欢迎交流...

posted @ 2017-06-18 19:54  wwr-ready  阅读(149)  评论(0编辑  收藏  举报