課程簡介

React高級實(shí)戰(zhàn) 打造大眾點(diǎn)評Web App

使用React開發(fā)項(xiàng)目時(shí)，你會驚訝于它的組件化設(shè)計(jì)、它的數(shù)據(jù)驅(qū)動視圖的開發(fā)方式、它的解放DOM操作，它顛覆傳統(tǒng)的超高效率，跟隨講師一起用React從零搭建一個(gè)完善的 WebApp ，讓你感受到React的魅力。

PS：此為本人學(xué)習(xí)的資源，僅供大家學(xué)習(xí)之用，商用或者其他營利方式使用造成的任何后果，將由使用者全部承擔(dān)。

章節(jié)目錄

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

前端開發(fā)早就進(jìn)入工程化的年代，而以 React 為框架開發(fā)，就必須使用工程化，目前前端最強(qiáng)大的工程化工具就是 webpack。本章節(jié)就講述如何使用 webpack 搭建一個(gè)能自動構(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è)計(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ā)，會用到 Redux 來存儲數(shù)據(jù)，這里要把基礎(chǔ)打好。

• 第6章 使用 fetch

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

• 第7章 開發(fā)首頁

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

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

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

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

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

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

本節(jié)講述詳情頁的開發(fā)，通過上兩節(jié)的實(shí)戰(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ā)，該頁面是一個(gè)比較基礎(chǔ)的頁面，跟之前一樣拆分組件、復(fù)用組件、拼裝頁面。此時(shí)您應(yīng)該能快速高效的掌握課程的全部內(nèi)容。

• 第14章 評價(jià)功能

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

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

老規(guī)矩，轉(zhuǎn)發(fā)(更多需要的人可以發(fā)現(xiàn))+ 私信(視頻不是我買的，可能有版權(quán)問題，只為學(xué)習(xí)之用，所以就不好大張旗鼓貼出資源)可得，學(xué)完之后，請及時(shí)刪除，避免占用空間

前端學(xué)習(xí)視頻傳送門

vue視頻教程來啦，每周末都有前端視頻教程學(xué)

微信小程序視頻教程來啦，每周末都有前端視頻教程學(xué)

vue視頻教程來啦，每周末送前端視頻教程，私信可得

從入門到精通實(shí)戰(zhàn)Go web編程視頻來啦，每周末都有前端視頻教程學(xué)

總結(jié)

以上是生活随笔為你收集整理的ajax mysql项目 react_React视频教程来啦，每周末都有前端视频教程学的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。