在reactjs中如何加速网页的反应尤其在构建移动端h5

在开发react中我们通常考虑在前端fetch后台的数据, 让后在render出来, 如果在web pc端主打的网页中这个时间估计不考虑, 然后在移动端的时候就必须好好的考虑了, 因为我们直接在后台完成渲染再resp给用户就省去前端的渲染和fetch的时间和带宽,这里完成后台的渲染就要用到webpack的一些magic了,例如require

其实就是服务器端的渲染,这里以前用reactjs时只是简单在首页加载把state传给前端,这里也有一些更加成熟的框架,人家已经我们考虑了很多细节上的比如缓存, 深入的可以看看

https://github.com/halt-hammerzeit/webpack-isomorphic-tools

(其实上面推荐的框架的最大亮点并不是server render, 服务器端的server render , 用reactsj就可以做到, 但是我们是使用webpack, 打包我们的应用的, 我们可以理解为webpack打包的是前端[webpack是不分前后的], 那么我们如何从webpack中那个pack后的东西呢? (为什么要拿? 因为我们在server的reactjs的component中用到, 这个在server render很是关键))

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值