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我觉得都不错。

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

转载于:https://www.cnblogs.com/www-wwr/p/7045143.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值