Learning Resources: Additional articles and resources for learning Redux">Learning Resources: Additional articles and resources for learning Redux">
跳到主要內容

學習資源

Redux 文件旨在教授 Redux 的基本概念，並說明在實際應用中使用關鍵概念。但是，文件無法涵蓋所有內容。很幸運地，還有許多其他很棒的資源可供學習 Redux。我們鼓勵您查看它們。其中許多涵蓋文件範圍以外的主題，或以其他更適合您學習風格的方式描述相同的主題。

此頁面包含我們推薦的一些最佳外部資源，可供學習 Redux。如需 React、Redux、Javascript 和相關主題的更多教學、文章和其他資源清單，請參閱React/Redux 連結清單。

基本簡介​

教學 Redux 基本概念和如何使用它的教學

使用 Redux 搭配 React​

React-Redux 繫結函式庫的說明

專案式教學​

透過建置專案來教授 Redux 概念的教學，包括較大型的「真實世界」類型應用程式

  • Redux 實務
    https://blog.isquaredsoftware.com/2016/10/practical-redux-part-0-introduction/
    https://blog.isquaredsoftware.com/series/practical-redux/
    一系列持續發表的文章，旨在透過建置範例應用程式來示範多項特定的 Redux 技術，此範例應用程式是基於 MekHQ 應用程式，用於管理 Battletech 活動。由 Redux 共同維護者 Mark Erikson 所撰寫。涵蓋的主題包括管理關聯資料、連接多個元件和清單、複雜的特色縮減器邏輯、處理表單、顯示模式對話方塊等等。（注意：這是一個較舊的系列文章，我們現在建議使用較新的 Redux 程式碼撰寫模式。不過，本系列文章中的許多原則仍然很有價值。）

Redux 實作​

透過撰寫微型重新實作來說明 Redux 在內部如何運作

縮減器​

討論撰寫縮減器函式的文章

選擇器​

說明如何以及為何使用選擇器函式從狀態中讀取值

正規化​

如何將 Redux 儲存結構化為資料庫以獲得最佳效能

中間件​

說明和範例，說明中間件如何運作以及如何撰寫中間件

副作用 - 基礎​

Redux 中處理非同步行為的簡介

副作用 - 進階​

管理非同步行為的進階工具和技術

在 Redux 中思考​

深入探討 Redux 的使用方式，以及它為何能如此運作

Redux 架構​

架構大型 Redux 應用程式的模式和實務

應用程式和範例​

Redux 文件翻譯​

書籍​

  • Redux in Action
    https://www.manning.com/books/redux-in-action
    一本涵蓋 Redux 使用許多關鍵面向的全面書籍，包括 reducer 和 action 的基礎知識、與 React 搭配使用、複雜的 middleware 和副作用、應用程式結構、效能、測試，以及更多內容。對於使用 Redux 的許多方法的優缺點和權衡取捨，都有很好的說明。Redux 共同維護者 Mark Erikson 個人推薦。

  • The Complete Redux Book
    https://leanpub.com/redux-book
    如何在實際環境中管理龐大的狀態？為什麼我需要 store enhancer？處理表單驗證的最佳方式是什麼？使用簡單的術語和範例程式碼，就能獲得所有這些問題以及更多問題的解答。學習使用 Redux 建置複雜且可實際運作的 Web 應用程式所需的一切知識。（注意：現在永久免費！）

  • Taming the State in React
    https://www.robinwieruch.de/learn-react-redux-mobx-state-management/
    如果你已經使用作者的上一本書 The Road to learn React 學習 React，那麼 Taming the State in React 將會是學習 React 中基本和進階狀態管理的完美組合。你將從不使用 React 的情況下開始學習 Redux。之後，本書將向你展示如何將 Redux 連接到你的 React 應用程式。進階章節將教你正規化、命名、選擇器和非同步動作。最後，你將使用 React 和 Redux 設定並建置一個真實世界的應用程式。

課程​

  • Modern React with Redux，作者 Stephen Grider（付費）
    https://www.udemy.com/react-redux/
    使用本教學課程，在開發具有 React Router、Webpack 和 ES2015 的應用程式時，掌握 React 和 Redux 的基礎知識。本課程將讓你快速上手，並教授你深入了解和建置 React 元件以及使用 Redux 建構應用程式結構的核心知識。

  • Redux，作者 Tyler McGinnis（付費）
    https://tylermcginnis.com/courses/redux/
    在學習 Redux 時，你需要在夠大的應用程式中學習它，才能看出它的好處。這就是為什麼本課程如此龐大的原因。一個更好的名稱可能是「真實世界的 Redux」。如果你受夠了「待辦事項清單」Redux 教學課程，那麼你來對地方了。在本課程中，我們將討論 Redux 在管理應用程式狀態方面有什麼特別之處。我們將建置一個實際的「真實世界」應用程式，以便你了解 Redux 如何處理樂觀更新和錯誤處理等邊界情況。我們還將涵蓋許多與 Redux 搭配良好的其他技術，例如 Firebase 和 CSS 模組。

  • Learn Redux，作者 Wes Bos（免費）
    https://learnredux.com/
    一個影片課程，逐步建置「Reduxstagram」— 一個簡單的照片應用程式，它將簡化 Redux、React Router 和 React.js 背後的核心概念

更多資源​

  • React-Redux Links 是 React、Redux、ES2015 等的精選文章、教學課程和相關內容清單。
  • Redux Ecosystem Links 是 Redux 相關函式庫、外掛程式和公用程式分類彙整。
  • Awesome Redux 是 Redux 相關儲存庫的詳盡清單。
  • DEV Community 是分享 Redux 專案、文章和教學課程的地方，也可以開始討論並徵求 Redux 相關主題的回饋。歡迎各個技術層級的開發人員參與。