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

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

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

第2章 React 基礎(chǔ)

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

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

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

第4章 React-router

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

第5章 Redux 基礎(chǔ)

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

第6章 使用 fetch

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

第7章 開發(fā)首頁

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

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

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

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

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

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

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

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

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

第12章 收藏和購買功能

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

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

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

第14章 評(píng)價(jià)功能

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

第15章 擴(kuò)展-項(xiàng)目代碼版本升級(jí)

項(xiàng)目代碼版本升級(jí)，webpack2升級(jí)到webpack3。