前端系统重构

开创者素材
2019.12.05 08:58:18


最近参加了一波规模较大的前端系统构建项目，有一些感悟和实用的经验想记录下来。首要分为以下几点：
一、前端系统架构方面
二、UI库挑选方面
三、代码结构方面
四、功用点完成方面
五、代码调试方面
六、bug解决方面
七、项目总结

下面，分点说一说吧。

前端系统架构
首先阐释一下项目布景。此次重构的意图是将原系统的功用悉数迁移到新系统中，之所以不挑选复用原系统，是因为

原有系统选用了angular1.x，angular2.x，vue等多个结构，给后期保护带来了很大困难，因此在评价时间成本的根底

上，挑选了重构的计划，一致运用react结构来对系统进行重构。
本项目选用create react app构建，一起运用了webpack构架，一起提供mock数据功用。
在项目搭建方面，本项目以react-router为基底，通过路由定位至每个页面；关于每个独自的页面，均包括：组件、

actions、reducer三个部分，一起选用了immutable的方式进行状态管理。
UI库挑选
本项目选