第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 程式碼塊，同時將完整的課程思維導圖分享給了大家。


第18章 網頁優化
簡單講解雅虎軍規和工具。


第19章 課程擴充套件-React的實用元件

本章講解上拉重新整理載入資料、下拉重新整理載入資料元件，以及Redux 一些簡介與一個小的例項演示。

下載地址：

百度網盤