第1章 課程簡介
課程導讀，介紹了課程的基本結構、課程的特點、最終實戰項目演示、前置知識點以及源碼打包結構和后期相關學習資料的更新方式。
第2章 React 簡介
對 React 進行了詳細地簡介并對課程的前置知識點進行了詳細地梳理。
第3章 React 初體驗
介紹了此課程中使用的 React 版本以及官網學習包 React Starter Pack 的下載與安裝，并對 React 的框架運行進行了初體驗。
第4章 NodeJS簡介與安裝
對 NodeJS 進行了詳細地介紹，并完整演示了 NodeJS 的安裝過程。同時講解了針對國內的網絡環境如何去配置 NPM 加載國內源。
第5章 React 環境配置與調試技巧
共計五個小節，講解了使用 NPM 配置 React 的開發環境。并分三個小節課程由淺入深地講解了前端必備組件 webpack 的熱加載配置。同時還介紹了 React 開發的必備插件 Chrome React 插件。
第6章 開發工具與必要組件
講解了開發工具 Atom 的基本使用，并用一個單獨的章節介紹了 React 開發相關 Atom 插件配置，這將大大提高開發 React 項目的效率。
第7章 React 組件基礎
共計五個小節，詳細講解了 React 虛擬 DOM 概念、React 組件的概念、React 多組件嵌套、JSX 內置表達式、生命周期，并都有詳細的源碼演示。這些 React 組件基礎是 React 最基礎也是最重要的知識點。
第8章 React 屬性與事件
共計六個小節，繼續用概念和源碼結合的方式對 State 屬性、Props 屬性、事件與數據的雙向綁定、可復用組件、組件的 Refs、獨立組件間共享 Mixins 這些重要的概念進行了深入地講解與演示。
第9章 React 樣式
共計六個小節，還是用概念和源碼結合的方式對 React 中的內聯樣式、內聯樣式中的表達式、CSS 模塊化、JSX 樣式與 CSS 的互轉、Ant Design 樣式框架介紹、Ant Design 樣式框架使用這幾個重要的知識點進行了講解。
第10章 React Router
用一個獨立的大章節介紹了 React 中的重要概念：React Router 概念以及 React Router 的參數傳遞。
第11章 項目實戰-開發環境初始化
實戰項目初始化，分別用四個小節課程介紹了項目初始化、Ant Design 框架的引入、頭條新聞的數據接口簡介、測試環境介紹。
第12章 項目實戰-頁頭頁腳模塊
實戰項目的頁頭頁腳開發，分別包含了PC 端頁頭組件開發、移動端頁頭組件開發、PC 端頁腳組件開發、移動端頁腳組件開發，并且每個獨立的章節對有對應的獨立源碼文件夾供下載學習。
第13章 項目實戰-注冊登錄模塊
共七個小節課程，分別實際源碼演示開發了 PC 端注冊功能模塊開發（上中下）、移動端注冊功能模塊開發、PC 端登錄功能模塊開發、移動端登錄功能模塊開發、退出登錄功能完善。
第14章 項目實戰-首頁模塊
用九個小節的課程繼續實戰開發了 PC 端導航欄布局開發、移動端導航欄模塊開發、首頁模塊劃分、PC 端首頁模塊布局開發（上）、PC 端首頁模塊布局開發（中）、PC 端首頁模塊布局開發（下）、移動端首頁模塊布局開發（上）、移動端首頁模塊布局開發（中）、移動端首頁模塊布局開發（下）。…
第15章 項目實戰-詳情模塊
繼續用是十一個小節的課程繼續實戰開發了 PC 端詳情頁面開發（上）、PC 端詳情頁面開發（中）、PC 端詳情頁面開發（下）、移動端詳情頁面開發、評論模塊開發（上）、評論模塊開發（中）、評論模塊開發（下）、移動端評論模塊開發、PC 端用戶收藏功能開發（上）、PC 端用戶收藏功能開發（下）、移動端用戶收藏功能開發…
第16章 項目實戰-個人中心模塊
進行了項目的最后收尾開發，實戰演示了 PC 端用戶個人中心開發、移動端用戶個人中心開發、個人頭像的上傳與處理、個人收藏文章列表開發（上）、個人收藏文章列表開發（下）、個人評論列表開發（上）、個人評論列表開發（下）共七個小節的功能開發，且仍然提供了獨立的源碼文件夾供下載學習或二次開發。…
第17章 項目實戰-最后調優
進行了整個實戰項目的總結，并演示了在 React 中如何快速使用 HTML 代碼塊，同時將完整的課程思維導圖分享給了大家。
