React 组件化开发实践配套代码，快速掌握企业中台化架构中的 React 组件/模块实践。
近年来前端领域百花齐放，各种技术方案争妍斗艳，各领风骚。本课程立足于其中的佼佼者 React，深入浅出的介绍 React 组件化开发实践，开发工具与开发库的用法，本课程以 TypeScript 为主要开发语言，结合 Antd 与 Antd Pro 介绍当前大型企业里管理、运营等中后台 Web 系统中的关键模块与构建方式，帮助初学者能够迅速成为一名合格前端工程师，也能为有一定经验的开发者提供更深入的工程实践环境与架构认知梳理。
Web 开发者，包括对于 Web 开发有基础了解的入门级开发者与希望了解大型中后台 Web 系统架构的开发者。
1.掌握使用 React，TypeScript，Antd 快速开发 Web 项目，掌握基于 TypeScript 的组件编写，事件处理，Hooks 状态处理，组件样式等基础知识。
2.掌握 Antd 中常用复杂组件的使用技巧，包括 Table，Form，Select，Protal 等。掌握运营后台中常用的动态表单的设计与开发技巧，了解如何基于 react-json-schema 与 Antd 搭建动态表单设计平台。
3.掌握大型应用开发中的组件设计与拆分模式，了解 HoCs, renderProps 等常见开发技巧，掌握 Storybook 与 Jest 在组件开发与测试中的作用。掌握 React 组件性能优化的实践技巧，了解 Fiber 架构，并动手实现简单的 Fiber 框架。
HTML，JavaScript，CSS，React
- 课程介绍
5 分钟，无案例
介绍本课程的背景与规划
- 功能技术分析 和 课程亮点
5 分钟，无案例
介绍本课程使用的技术框架，以及它们对工程化开发中的优势。
- 前置知识
15 分钟，无案例
对于 Web 开发简史进行简单介绍，引入 React 的优势与特点。
- 课程安排与学习建议
5 分钟，无案例
章节说明
- TypeScript 入门
15 分钟，有案例
TS 的基础内容，以及如何与 React 结合。
- React 基础概念
10 分钟，有案例
React 的开发理念，常见的概念，比如组件，JSX。
- 组件开发
10 分钟，有案例
书写一个 React 的组件，可以以计数器为例。
- 事件处理
10 分钟，有案例
如何处理交互行为，以及组件如何通讯。