ITPub博客

首页 > IT职业 > IT职场 > 用redux重构react画廊应用

用redux重构react画廊应用

IT职场 作者:wzzhujun 时间:2021-09-09 09:04:22 0 删除 编辑
http://www.imooc.com/learn/507)。 距离做这个练手项目已经过去了快一年。在此之间,有些学习有些成长。之前公司里用的是mobx,最近刚好有空,学习了redux,便产生了重构这个demo的想法。
项目地址:https://github.com/laihaibo/gallery-on-react
http://laihaibo.xyz/gallery-on-react/build/index.html
安装
1. npm i
2. npm start
优化
  1. 为每个component组件编写了shouldComponentUpdate
  2. 将原先的充满副作用的函数修改为声明式的函数
todo
  1. 控制条旋转图标
  2. css => less
  3. 编写dev、prod版本的配置文件
  4. localstorage数据持久化存储
  5. 其他优化
  6. pwa
总结
  • 重构完这个项目,我对view = f(data)的思想,有了一个更深的理解。组件间的数据传递使用redux,react负责渲染数据,这样就够清晰,也更易维护。
  • 关于组件的拆分,如何合理利用props传递数据,数据结构设计,采用怎样的设计模式,都是值得不断优化的问题
  • just do it

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3370/viewspace-2799077/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-14

  • 博文量
    83
  • 访问量
    729