这个标题被翻译成当下的话，就是当我们在构建大型 Web App 时，我们应该怎么做？
- 选一套好用的框架，最佳实践（技术框架）
和配图一致，当今世界已三分天下，分别是
选择哪一套都没有明显的优劣，都能完成一些特定的任务。无论是社区、生态和各自的语法都已经比较完善，余下怎么选，就看个人和团队的偏爱了。
我们的选择是 React，原因有以下：
- Component 的理念比较能接受
- 有着强大的社区和背后的 Facebook，这是信心的保障
- Ant.Design 等组件库的支持。
但要说明的 React 并不是一个构建前端的框架，它只是一个视图的库，如果想构建大型的项目，依然需要一个框架来支持，像 Flux 模式的轻量实现 Redux。
- React
- ReactRouter v4
- Redux
- 选一套好的 UI 组件库
一个复杂的前端系统，是需要一整套完整且统一风格的组件库的。这个组件库会大大降低整个项目的复杂度，并带来统一的风格和交互体验。
UI 组件库一般都会提供布局 Layout (Grid/Flexbox)，浏览器兼容，常用组件库等功能。
当然从 bootstrap 这个伟大的产品开始，业界在这方面的努力就没有停止过。目前主流的有：
- Bootstrap
- Bulma
- ⭐️ Ant Design https://ant.design/
BBootstarp 和 Bulma 只是传统的 JS 和 CSS 的库，但它们在每个平台上都有对应的封装，对应 React 的：
- React-Bootstrap: https://react-bootstrap.github.io/
- ReBULMA: https://github.com/bokuweb/re-bulma
Ant.Design 不一样的是，它就是为了 React 而生，而且由蚂蚁金服提供，相比前两个的 React 版本，这个更能获得信任。
- 选一套好用的方案， 最佳实践（流程）
项目结构
构建流程
一般，我们的开发都会包括对应的多套环境，像：
- Dev
- Test
- Production
在开发环境时，需要启动。在其它环境时，还需要进行构建，发布的操作。
- Debug
- Build
对应这些需求，常见的工具则表现为：
- Glup
- ⭐️ Webpack
Webpack 2 * js css, html, image, import, using as name.
Glup
- 还有最后一点。有好的案例参考为佳。
Bootstrap
- Rubix，这是一套收费的组件库，口碑不错。
Ant Design
- 也有 antd - Admin，这是个人开源的，仅供参考用。
REF::
这里的参考来自我的同事，从刚开始使用 React + antd，到现在完能一些大的项目，她个人对这个组合已经是完全的推荐了。
