React16+Redux 實戰企業級大眾點評WebApp


第1章 課程介紹
本章主要介紹課程大綱、課程目標,以及開發環境搭建和實戰案例演示。

第2章 React項目腳手架:create-react-app
本章介紹React生態中最流行的腳手架:Create React App, 包括安裝、基本用法、創建Mock數據等。

第3章 React思維方式:跟着Todo項目學習React思想
本章以Todo項目為例,從React組件化思想角度出發,詳細講解使用React開發頁面的基本流程和基本方法。

第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。...

第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技術棧的若干建議。

 

下載地址:百度網盤下載


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM