[中文課程] React + React Router + Redux 全家桶完全指南 2024

React 入門到完全勝任前端開發工作，包含 React、React Router 和 Redux，用真實開發中的精華範例助你成長開發經驗

從這 14 小時的課程，你會學到

React 開發環境與開發工具配置
React 專案基本結構與開發流程
利用 JSX 展示條件內容、清單內容
處理事件
建立與規劃組件
Props 的基礎用法和進階用法
維護組件狀態和狀態的共享
父子組件的雙向通信
表單控制項的處理
受控組件、非受控組件、有狀態組件、無狀態組件和高階組件的概念
副作用和 useEffect hook
與後台互動
內建和自訂 Hooks
virtual dom 和 diff 演算法簡介
利用 Context API + useReducer 實現全域狀態管理
ref、portal 和 fragments
程式碼分割
效能最佳化
react router 路由配置
redux 全域狀態管理
…. 更多！

要求

具備 HTML、CSS 和 JavaScript 程式設計基礎

課程說明

React 是全球最熱門的前端開發框架，由 Facebook 公司製作。 React 有最強大的前端生態，可以實現任何前端應用的需求。利用組件化的開發方式，可以最大效率地進行開發，並形成規模化、工程化的前端開發模式。

目前，大中小各種規模的公司都有在應用 React，從初級到高級開發都有施展的空間，掌握了 React 可以提高你的就業上限，達到頂級前端開發崗位，拿到更高的薪水。

這門課程會從零開始教你如何使用React 框架，一步一步從React 基礎語法，深入到更高級的React 組件用法，並掌握良好的開發規範和最佳實踐，讓你擁有完全勝任React 前端開發工作的技能。

如果你正打算進入前端開發這一行，或者要跳槽到更有競爭力的崗位上，那麼學完這門課會給你所需要的知識、技能和經驗，讓你於面試勝出。

課程裡會附帶所有章節的程式碼範例，都是從實際開發中演化而來，你可以利用它們進行練習，以及回顧所學的內容。

學完這門課，你可以

完全掌握 React 前端開發必備技能
建構大、中、小型的前端項目
掌握良好的程式碼編寫規格和最佳實踐
組件化開發想法和流程

這門課包含 React 基礎入門、進階和高級用法，並穿插 React 開發中常見的模式，例如父子組件通信，受控組件非受控組件，發送 HTTP 請求，Hooks 等等。後面也會介紹 React 生態相關的函式庫，例如 React Router 路由管理， Redux 全域狀態管理，styled-components 樣式管理。

具體內容（詳見目錄）：

React 開發環境與開發工具配置
React 專案基本結構與開發流程
利用 JSX 展示條件內容、清單內容
處理事件
建立與規劃組件
Props 的基礎用法和進階用法
維護組件狀態和狀態的共享
父子組件的雙向通信
表單控制項的處理
受控組件、非受控組件、有狀態組件、無狀態組件和高階組件的概念
副作用和 useEffect hook
與後台互動
內建和自訂 Hooks
virtual dom 和 diff 演算法簡介
利用 Context API + useReducer 實現全域狀態管理
ref、portal 和 fragments
程式碼分割
效能最佳化
react router 路由配置
redux 全域狀態管理
…. 更多！

無論你是在校大學生，初入職場的前端開發工程師，或是中高級的 React 前端工程師，都可以從這門課程中得到所需的知識。你只要會一些基本的 HTML、CSS 和 JavaScript 就夠了。

課程繼續延續我 B 站影片和其他課程的風格，把節奏設定為最緊湊的方式，你的學習方式應該是這樣：

理解每節課所提到的概念。
把範例實踐過程看懂。
每個影片看完之後，回顧重點，並自己寫程式碼，遇到記不起來的地方再去看原始碼或影片。

感謝你選擇這門課程，接下來的時間，我會陪你在學習的路上一直走下去，幫你學會 React 前端開發，並指導你如何提高自學能力，成為一個成長型人才！

目標受眾

在校大學生
初入職場的前端開發工程師
中高級的 React 前端工程師

講師簡介

張旭乾前端工程师

我是張旭乾，同时也是哔哩哔哩：峰华前端工程師帳号主理人，《JavaScript 基礎語法講解》一書的作者，有著多年的前端、後端、行動端等的開發经验。我在2016年，美国 stevens 理工學院研讀計算機科學硕士學位，掌握了一些学習方法和尖端的技術，现在通過這個课程，把我掌握的知識傳授给你，讓你在工作和学習中，把開發技能更進一步提升。