第1章 課程導學（此章節必看）
介紹了整個課程的背景知識，項目簡介，學習流程，能夠掌握的知識點，以及學習方法和前置知識。
php
第2章 歡迎來到類型的世界 - Typescript
本章主要幫助你們理解 TypeScript 能夠解決的問題和所帶來的優點，帶領你們學習 TS 中的各類基礎類型，而後進階到複雜類型，包括：Array, Tuple, interface, function, Class, Enum, Generices等，迅速幫助你們理解 TS 的基礎使用方式和語法。 ...
react
第3章 神奇的 React 配合 typescript，完美輸出
本章回顧了 React 的基礎知識，從而引出了全新的 React Hooks，配合上一章typescript的基礎知識，詳細講解了 useState, useEffect, 自定義Hook，useContext 和 useRef 等基礎知識，爲組件庫的開發打下堅實基礎。
webpack
第4章 組件庫起航 - 你真的能寫的好看起來簡單的 Button 組件嗎？
本章正式進入組件庫的編寫，前半部分規定了文件結構和代碼規範，分析了樣式解決方案，添加了一系列樣式的基礎元素，後半部分漸進式的完成了 Button 組件的編碼工做。
ios
第5章 組件測試
本章從什麼是測試入手，簡介了測試的基本概念，介紹通用測試工具 Jest 和 React 測試框架 react-testing-library，而後使用這兩種工具完成Button組件的單元測試。
es6
第6章 更上一層樓 - 完成 Menu 組件
本章在前兩章的基礎上，更上一層樓，完成Menu 組件，從需求分析，到組件編碼，到再次分析需求，到再次完成編碼，最後完成組件的全部單元測試。
web
第7章 他山之石 - Icon 組件 和 Transition 組件
本章介紹怎樣使用第三方庫 Fontawesome 和 React-Transition-Group 完成圖標和 React 動畫的解決方案，同時將它們通過自定義，改形成新的組件。
typescript
第8章 Storybook - 本地調試組件和生成文檔頁面的利器
本章從 Stroybook 的定義和安裝入手，再到怎樣添加 Story，安裝插件，到最後完成自動生成文檔的任務。
npm
第9章 進入表單的世界 - Input 組件和 AutoComplete 組件
本章進入表單的世界，從簡單組件 Input 入手，引出 AutoComplete 組件的分析和實現，在這個過程當中，咱們會學習 異步請求，函數防抖，鍵盤事件，useRef 等一系列功能。
json
第10章 終極任務 - Upload 組件
本章實現了 Upload 組件從分析，編碼，測試的全過程，在這個過程當中，咱們將會學到：使用 axios 發送異步請求，在線 mock server 的簡單使用，HTTP 異步上傳文件的基本知識，拖動文件上傳怎樣實現，異步和拖動怎樣寫單元測試。
axios
第11章 Javascript 模塊打包 - 須要什麼類型的模塊供各類環境使用？
本章從 Javacript 模塊化歷史提及，描述了 webpack 等 bundler 的主要功效，對比不一樣的模塊類型的優劣，而後使用 tsc 打包成 es6 modules，而且使用 npm link 在本地完成測試。
第12章 大功告成 - 發佈到 Npm，以及添加 CI/CD 支持
本章從 Npm 的簡介開始，介紹了怎樣將組件庫發佈到 npm，而後優化了 package.json 的依賴，再到添加 commit 和發佈檢查，最後介紹了使用 travis 完成組件庫 CI/CD 的一些基本流程。
第13章 課程總結
本課程的回顧和總結以及展望。