要设计一个框架，最好一个项目：最好的方法是

  1. 了解它的关键功能
    1. 掌握框架的原理，并思考自己如何实现？
  2. 推导出它要解决的问题是什么
  3. 把所有用到的技术，全部都测试一遍，尝试一遍，了解应用场景和优缺点
  4. 然后集成到项目应用中，构建一个健壮的应用

react.png
React 技术：React，React-Router，Hooks，Antd，组件编写，并发渲染
大前端：Typescript 类型编程，组件库，工程化，ECharts
后端技术：Nodejs，Nestjs，Graphql，Apollo，TypeORM，Mysql

react技术选型

  1. 脚手架
    1. create-react-app
    2. Umijs3
  2. 基础UI框架
    1. antd + ts
    2. 数据流状态管理
    3. 第三方组件
      1. lodash
    4. css方案
  3. 测试工具
    1. jest
    2. test-utils
  4. 构建工具
    1. webpack
    2. rollup
  5. 持续集成
    1. travis

应用场景

  • 性能要求
  • 中后台
  • 开发时间要求
  • UI框架的生态圈
    • 框架的应用场景和范围

从需求中寻找技术难点？

  1. 分析要做的需求，找出技术难点
  2. 针对每个技术难点，设计demo入手，掌握原理，举一反三的应用到熟练掌握
  3. 针对技术点，给出技术解决方案
    1. 对基础的技术选型
    2. 业务组件库的积累
    3. 第三方组件库调研和二次开发

团队的技术能力

  1. 根据团队的技术栈，和业务需求，选择框架
    1. 时间，进度，代码质量
    2. 多看文档，熟悉框架
  2. 成本考量，不追求新，奇，花哨的功能
  3. 能够复用，坚决不造轮子

技术发展趋势

  • Typescript
  • 跨端开发能力
    • Flutter
    • Electron 客户端
  • 工程化能力
    • nodejs 后端，midwayjs
    • 自动化部署
    • 简单，性能要高
    • 后端支持储备