【在線網(wǎng)課】React高級實戰(zhàn)帶你打造大眾點評 WebApp

第1章 搭建 webpack + react 開發(fā)環(huán)境

前端開發(fā)早就進入工程化的年代，而以 React 為框架開發(fā)，就必須使用工程化，目前前端最強大的工程化工具就是 webpack。本章節(jié)就講述如何使用 webpack 搭建一個能自動構(gòu)建編譯 React 的環(huán)境，以及使用 npm 作為依賴管理工具。本節(jié)學(xué)完之后，我們就能將編寫的 React 代碼自動編譯為瀏覽器可識別的代碼，直接使用瀏...

第2章 React 基礎(chǔ)

針對不熟悉 React 基礎(chǔ)的同學(xué)，本章節(jié)就為你介紹 React 的基本使用，從顯示最簡單的 hello world 開始，到使用組件化制作頁面，針對已經(jīng)熟悉 React 基礎(chǔ)的同學(xué)，本章節(jié)的后半部分講述了我本人對 React 組件化設(shè)計、代碼結(jié)構(gòu)的一些思路和經(jīng)驗，而這些技巧是后面實戰(zhàn)開發(fā)的理論基礎(chǔ)，不可忽略。...

第3章 React 性能優(yōu)化方案

作為一個稱職的工程師，考慮性能是必須要做的事情之一。React 如此大型復(fù)雜的框架，存在性能問題是可以想象到的，但是官方也提出了優(yōu)化方案。本章節(jié)將介紹如何檢測性能問題，以及如何優(yōu)化 React 的性能。

第4章 React-router

使用 React 開發(fā)的是一個單頁面引用程序（即 SPA），SPA的頁面跳轉(zhuǎn)必須依靠路由來實現(xiàn)，而 React “御用”的路由工具就是 React-router，本章節(jié)介紹 React-router 的使用。

第5章 Redux 基礎(chǔ)

當(dāng)程序復(fù)雜度提高時，程序中的數(shù)據(jù)管理就變得很復(fù)雜，此時 Redux 就能派上用場。本章節(jié)介紹 Redux 的基礎(chǔ)，使您對 Redux 有一個初步的了解，因為后面的實戰(zhàn)開發(fā)，會用到 Redux 來存儲數(shù)據(jù)，這里要把基礎(chǔ)打好。

第6章 使用 fetch

使用 jQuery 開發(fā)頁面是，可是使用自帶的 ajax 功能獲取、提交數(shù)據(jù)。而使用 React 框架時，就沒必要為了 ajax 引用一個 jquery 了，這里我們推薦使用 fetch，最新的 ajax 交互方式，支持 Promise，用起來絕對簡潔給力。

第7章 開發(fā)首頁

前面基礎(chǔ)知識介紹完，正式進入實戰(zhàn)開發(fā)階段，本章節(jié)開發(fā)首頁。首先分析頁面，拆分組件，然后開發(fā)組件，拼接頁面。給您詳細(xì)展示從一個空白頁面到開發(fā)出最終效果的整個過程。

第8章 開發(fā)城市頁面

本節(jié)講述城市頁面的開發(fā)，該頁面中將學(xué)會如何在 React 中初步使用 Redux 存儲簡單的數(shù)據(jù)。

第9章 開發(fā)搜索結(jié)果頁面

本節(jié)講述搜索結(jié)果頁的開發(fā)，該頁面將為您展示常見的搜索效果如何通過 React 開發(fā)出來，并且能深刻體會到路由的使用規(guī)則，以及組件可復(fù)用帶來的好處。

第10章 開發(fā)詳情頁

本節(jié)講述詳情頁的開發(fā)，通過上兩節(jié)的實戰(zhàn)課程，學(xué)生講會更加快速高效的學(xué)會拆分組件，復(fù)用已有組件，最后拼裝成頁面。

第11章 開發(fā)登錄頁面

本節(jié)講述登錄頁面的開發(fā)，將再次使用 Redux 存儲數(shù)據(jù)，并判斷用戶的登錄狀態(tài)，以及登錄之后跳轉(zhuǎn)的處理。

第12章 收藏和購買功能

通過本節(jié)收藏和購買的功能開發(fā)，您將體會到更加復(fù)雜的 Redux 應(yīng)用。

第13章 開發(fā)用戶中心頁

本節(jié)講述用戶中心頁面的開發(fā)，該頁面是一個比較基礎(chǔ)的頁面，跟之前一樣拆分組件、復(fù)用組件、拼裝頁面。此時您應(yīng)該能快速高效的掌握課程的全部內(nèi)容。

第14章 評價功能

通過本節(jié)評價功能，您將學(xué)會在 React 中如何操作頁面變化，即數(shù)據(jù)驅(qū)動視圖的開發(fā)方式。另外，您將學(xué)會使用 fetch 提交數(shù)據(jù)，而之前都是用 fetch 獲取數(shù)據(jù)。

第15章 擴展-項目代碼版本升級

項目代碼版本升級，webpack2升級到webpack3。