第1章 課程導學（此章節必看）
介紹了整個課程的背景知識，項目簡介，學習流程，可以掌握的知識點，以及學習方法和前置知識。
第2章 歡迎來到類型的世界 - Typescript
本章主要幫助大家理解 TypeScript 可以解決的問題和所帶來的優勢，帶領大家學習 TS 中的各種基礎類型，然后進階到復雜類型，包括：Array, Tuple, interface, function, Class, Enum, Generices等，迅速幫助大家理解 TS 的基礎使用方式和語法。 ...
第3章 神奇的 React 配合 typescript，完美輸出
本章回顧了 React 的基礎知識，從而引出了全新的 React Hooks，配合上一章typescript的基礎知識，詳細講解了 useState, useEffect, 自定義Hook，useContext 和 useRef 等基礎知識，為組件庫的開發打下堅實基礎。
第4章 組件庫起航 - 你真的能寫的好看起來簡單的 Button 組件嗎？
本章正式進入組件庫的編寫，前半部分規定了文件結構和代碼規范，分析了樣式解決方案，添加了一系列樣式的基礎元素，后半部分漸進式的完成了 Button 組件的編碼工作。
第5章 組件測試
本章從什么是測試入手，簡介了測試的基本概念，介紹通用測試工具 Jest 和 React 測試框架 react-testing-library，然后使用這兩種工具完成Button組件的單元測試。
第6章 更上一層樓 - 完成 Menu 組件
本章在前兩章的基礎上，更上一層樓，完成Menu 組件，從需求分析，到組件編碼，到再次分析需求，到再次完成編碼，最后完成組件的所有單元測試。
第7章 他山之石 - Icon 組件 和 Transition 組件
本章介紹怎樣使用第三方庫 Fontawesome 和 React-Transition-Group 完成圖標和 React 動畫的解決方案，同時將它們經過自定義，改造成新的組件。
第8章 Storybook - 本地調試組件和生成文檔頁面的利器
本章從 Stroybook 的定義和安裝入手，再到怎樣添加 Story，安裝插件，到最后完成自動生成文檔的任務。
第9章 進入表單的世界 - Input 組件和 AutoComplete 組件
本章進入表單的世界，從簡單組件 Input 入手，引出 AutoComplete 組件的分析和實現，在這個過程中，我們會學習 異步請求，函數防抖，鍵盤事件，useRef 等一系列功能。
第10章 終極任務 - Upload 組件
本章實現了 Upload 組件從分析，編碼，測試的全過程，在這個過程中，我們將會學到：使用 axios 發送異步請求，在線 mock server 的簡單使用，HTTP 異步上傳文件的基本知識，拖動文件上傳怎樣實現，異步和拖動怎樣寫單元測試。
第11章 Javascript 模塊打包 - 需要什么類型的模塊供各種環境使用？
本章從 Javacript 模塊化歷史說起，描述了 webpack 等 bundler 的主要功效，對比不同的模塊類型的優劣，然后使用 tsc 打包成 es6 modules，並且使用 npm link 在本地完成測試。
第12章 大功告成 - 發布到 Npm，以及添加 CI/CD 支持
本章從 Npm 的簡介開始，介紹了怎樣將組件庫發布到 npm，然后優化了 package.json 的依賴，再到添加 commit 和發布檢查，最后介紹了使用 travis 完成組件庫 CI/CD 的一些基本流程。
第13章 課程總結
本課程的回顧和總結以及展望。
用當下主流前端技術“造一次輪子”，解決初中級到高級前端的躍遷難題
大家在學習了一門技術的基礎知識后，怎樣持續提升這門技術達到更高水平？
怎樣寫出高質量符合大廠要求的代碼？寫什么樣的項目才能提高實力和擴大影響力？
本課程給出了答案：真實模擬大廠開發大型開源項目的流程，從零到一高仿 AntD 使用 Typescript 和 React 開發自己的組件庫。
在這其中穿插了一系列的知識點： 大型項目的樣式組織，react 組件測試，react 動畫實現。
開發完畢還實現了模塊化打包，代碼發布再到 CI/CD 的全流程。
通過這門課程你可以學到一下知識：
- React Hooks－用鈎子玩函數式編程
- Typescript－大型項目的編寫趨勢
- Ant Design－拆它的輪子造自己的
- StoryBook－高效有組織的構建UI
大家一起努力學習。