umi-in-action

• 本书简介
• 01 起步
  • 从 cra 说起（i5ting）
  • 前端无比复杂（i5ting）
  • 三分天下（i5ting）
  • 为什么选择 umi（i5ting）
  • 你的第一个 umi 工程 （拾邑）
    • umirc
    • umi dev，umi build
    • 定义 title 和 html
    • hello world 组件
• 02 Umi 技术栈 （磬天）
  • 历史由来
  • 路由，布局
  • 目录约定
  • 应用架构
  • 配置说明
  • antd+dva
  • Umi UI
• 03 Umi 入门 （拾邑）
  • 创建项目
    • 1）ant-design-pro - Create project with an layout-only
    • 2）app - Create project with a simple boilerplate, support typescript.
    • 3）block - Create a umi block.
    • 4）library - Create a library with umi.
    • 5）plugin - Create a umi plugin.
  • 定义组件
  • 基本调试（vscode）
  • 概念
    • block
    • 按需加载
    • 运行时配置
    • mock 数据
  • 官方模块
  • 插件机制
  • 生命周期
• 04 五大基础知识
  • Node.js 和 npm（i5ting）
  • React (十忆)
    • React 标准写法和编码规范（hooks）
    • React-router v4
    • loading
    • antd（pro）
  • Webpack 5 （磬天）
    • code split
    • dll
    • hmr
    • devserver
    • 中间件 hot+dev
  • 状态管理 (十忆)
    • redux
    • dva
    • mobx
  • Typescript （拾邑）
    • 类型
    • 面向对象
    • 设计模式
    • 周边生态
• 05 例子 （磬天）
  • 开发流程
  • 功能点
  • 创建应用程序
  • 程序数据模型
  • mock 数据和请求发送
  • 任务 1：账户注册
  • 任务 2：登入登出
  • 任务 3：上传照片
  • 任务 4：显示照片
  • 任务 5：删除照片
  • 任务 6：删除用户
• 06 增强（拾邑）
  • jest 测试
  • 获得 webpack 配置
  • ssr
  • uglify 配置
  • dll 和 dynamic
  • 环境变量和配置
  • proxy
  • ie 兼容
  • 构建发布到 cdn
• 07 Typescript+SSR+Egg 例子 （十忆）
  • c 端 ssr 优化的意义
  • 集成 midway
    • koa
    • egg
    • midway(ioc)
    • 数据库操作
    • 视图
  • 开启 ssr
  • 开启 pwa
  • 使用 egg/koa 中间件
• 08 高级定制
  • 编写插件（拾邑）
  • 源码解读（十忆）
    • 如何源码跑起来
    • afwebpack
    • chain
    • lerna
  • 测试和测试覆盖率（磬天）
  • 开源机制 （i5ting）
  • 老项目如何快速迁移 （拾邑）
• 09 umi 的未来（待定）
  • mpa
  • father
  • 微前端