# React企业中后台系统通用架构设计与实践

为什么要选择React作为企业级中后台系统的前端基础框架？

目前主流的前端基础JS框架React,Vue,Angular7+等。要看技术团队背景、产品类型以及公司情况，没有一种明确的答案。 一一讨论一下各个框架的适合场景。

• Vue

官方介绍是渐进式框架，非常容易学习入门简单，国内社区生态非常活跃。很多公司选择Vue作为主流的开发框架，例如有名的饿了么,有赞等。 Vue各种组件官方都提供，开箱即用，非常方便。但是我觉得在开发大型项目时，团队协作，代码与组件的组织相比React来说没有React那么优雅， 可拓展性没有React来的实在。没有谁好谁坏，我更倾向中小型公司使用Vue。

• Angular

Google推出来的框架，Angular1.x用户基数还是比较大，Angular2+推出来稍晚于React和Vue，目前在稳步迭代中目前到Angular9.0版本。近期我也去试用了一下，Angular2+是一个功能比较齐全的框架，提供大型项目所需各种配套，开发使用TypeScript，更加前卫激进一点；代码组织方式比较明确，还提供generate生成器，可以提升效率。缺点就是迭代比较频繁，对于希望稳定的同学来说可能有点不太友好。对于开发过Java，PHP等后台的同学，更加友好。因此更倾向于在大型项目，有后端开发经验的同学，同时希望紧跟前沿技术团队使用。

• React

React提倡声明式UI，组件化开发，推崇组件组合实现复用而非继承的哲学。React社区生态非常活跃，提供各种解决方案，各个大厂已经提出各种UI解决方案。非常适合大型项目的工业化开发。因此 更加倾向大厂成熟团队进行工业化开发使用。

# 通用处理

# 基础项目脚手架react-boilerplate

# 各个基础组件

• 页面布局
• 目录菜单栏
• 侧边栏
• 消息通知设计
• 路由鉴权
• 国际化
• 其他通用的UI组件

参考资料