第1章 課程介紹
本章主要介紹課程大綱、課程目標,以及開發環境搭建和實戰案例演示。前端
第2章 React項目腳手架:create-react-app
本章介紹React生態中最流行的腳手架:Create React App, 包括安裝、基本用法、建立Mock數據等。react
第3章 React思惟方式:跟着Todo項目學習React思想
本章以Todo項目爲例,從React組件化思想角度出發,詳細講解使用React開發頁面的基本流程和基本方法。redux
第4章 Redux基礎:跟着Todo項目學習Redux
Redux是React技術棧中最經常使用的狀態管理庫。本章介紹了Redux中Action、Reducer、Store三大基本概念及使用方式,redux-thunk處理異步Action, 以及Redux和React相結合的庫react-redux的使用。架構
第5章 Redux 進階:用好Redux必備
Redux抽象程度高,實際使用難度大。本章對Redux最佳實踐進行了總結,包括項目結構組織方式、State設計原則、Selector函數的使用等;而後介紹了Redux中的高階技術:Store Enhancer和Middleware的使用;最後還介紹了常和Redux搭配使用的兩個庫: Immutable.js和Reselect。...app
第6章 React Router 4:全新的React組件式的動態路由庫
本週介紹了客戶端路由的概念,並引出React Router 4基礎用法的介紹,同時對React Router 4在思惟方式上區別於以前版本的內容作了講解。異步
第7章 大衆點評前端架構設計
本章介紹前端架構的基本含義和主要內容。並以大衆點評WebApp爲例,從工程化和系統抽象兩個層面搭建項目架構,爲後面具體頁面的開發打下基礎。函數
第8章 首頁開發
本章講解大衆點評WebApp首頁的開發,從頁面組件劃分開始,而後逐個實現組件,再設計對應的狀態模塊,最後完成組件和狀態模塊的鏈接。後續頁面也都遵循這個開發流程。頁面功能上,主要實現了商品列表展現,加載更多效果實現,以及導航到其餘頁面的路由集成。...組件化
第9章 團購詳情頁開發
本章開發團購詳情頁,講解詳情頁基本組件和邏輯的開發,並演示redux從多個狀態模塊中聚合數據的方法。性能
第10章 搜索頁開發
本章開發搜索頁面,實現搜索框組件,並支持按照熱門關鍵詞直接搜索,搜索記錄會保存到搜索歷史組件中。學習
第11章 搜索結果頁開發
本章開發搜索結果頁面。執行搜索操做後,會跳轉到搜索結果頁,搜索結果以列表形式展示。
第12章 登陸頁開發
本章開發登陸頁面,實現登陸表單以及登陸的前端模擬實現、註銷邏輯,還介紹了使用React Router封裝頁面登陸態校驗。
第13章 我的中心開發
本章開發我的中心頁。包含訂單分類的Tab組件,訂單列表,以及訂單刪除和評價功能。
第14章 購買功能開發
本章實現訂單購買功能,涉及表單組件、受控組件管理,講解經過Redux狀態層對頁面錄入信息的管理和同步。
第15章 項目優化、構建和部署
本章使用Reselect對實戰案例性能進一步優化,同時在編譯構建階段,對JS進行分片,提升頁面加載性能,最後將編譯包部署到Nginx上。
第16章 課程總結
本章回顧課程的主要知識點,並給出在項目中使用React技術棧的若干建議。
下載地址:百度網盤下載