チュートリアル概要
https://redux.dokyumento.jpにあるReduxコアドキュメントサイトには、Reduxを学ぶための主要なチュートリアルが含まれており、Redux ToolkitとReact-Reduxを連携して使う方法も説明されています。
ReduxコアとRedux Toolkitのドキュメント間で説明が重複することを避けるため、Reduxコアドキュメントのチュートリアルを包括的にすることに重点を置き、Redux Toolkitのドキュメントに詳細なチュートリアルを掲載する代わりに、そちらを参照するようにしています。
Redux Toolkitを効果的に使用する方法を学ぶには、これらのリンクされたチュートリアルを参照してください。
Redux Toolkitクイックスタート
Redux Toolkitクイックスタートチュートリアルでは、ReactアプリケーションにRedux Toolkitを追加して使用する方法を簡単に示しています。
基本的な例をできるだけ早く実行する方法を知りたい場合は、クイックスタートチュートリアルを参照してください。
また、TypeScriptクイックスタートチュートリアルでは、Redux ToolkitとReact-ReduxでTypeScriptを設定して使用する方法を簡単に示しています。
Next.jsを使用している場合は、Redux ToolkitとNext.jsを使用するためのチュートリアルがあります。Next.jsチュートリアル.
Redux Essentials：現実世界の例
Redux Essentialsチュートリアルでは、Redux ToolkitをReduxロジック記述の標準的なアプローチとして使用して、「Reduxを正しく使う方法」を学習します。
「現実世界」スタイルのサンプルアプリケーションの構築方法を示し、その過程でReduxの概念を学習します。
これまでReduxを使ったことがなく、「これをどのように使って何か役に立つものを構築できるのか？」を知りたいだけなら、Redux Essentialsチュートリアルから始めましょう。
Redux Fundamentals：Reduxの基礎から
Redux Fundamentalsチュートリアルでは、手動でReduxコードを記述する方法と、標準的な使用方法パターンが存在する理由を示すことで、「Reduxの仕組みを基礎から」学習します。その後、Redux ToolkitがこれらのReduxの使用パターンをどのように簡素化するかを示します。
Redux ToolkitはReduxコアをラップする抽象化レイヤーであるため、RTKのAPIが実際には内部で何をしているのかを知ることは役立ちます。Reduxの実際の動作とRTKが推奨されるアプローチである理由を理解したい場合は、Redux Fundamentalsチュートリアルを参照してください。
Learn Modern Reduxライブストリーム
ReduxのメンテナーであるMark Eriksonが、「Learn with Jason」ショーに出演し、現代のReduxの推奨される使用方法について説明しました。このショーでは、TypeScriptを使用したRedux ToolkitとReact-Reduxフック、新しいRTK Queryデータ取得APIの使い方を示すライブコーディングされたサンプルアプリが含まれています。
「Learn Modern Redux」ショーのノートページで、トランスクリプトとサンプルアプリソースへのリンクを参照してください。
Redux Toolkitの使い方
RTKの使用方法ガイドドキュメントページでは、RTKの各APIの標準的な使用方法パターンについて説明しています。APIリファレンスセクションでは、各API関数について説明し、追加の使用例を示しています。
Redux Essentialsチュートリアルでも、アプリケーションを構築しながら各APIの使用方法を示しています。
RTK Queryビデオコース
ビデオコースを希望する場合は、Lenz Weber-Tronic（RTK Queryの作成者）によるこのRTK QueryビデオコースをEggheadで無料で視聴するか、最初のレッスンをご覧ください。
Vanilla ReduxからRedux Toolkitへの移行
既にReduxを知っていて、既存のアプリケーションをRedux Toolkitを使用するように移行する方法を知りたいだけなら、Redux Fundamentalsチュートリアルにある「Redux Toolkitを使った最新のRedux」ページで、RTKのAPIがReduxの使用パターンをどのように簡素化し、その移行をどのように処理するかを示しています。
TypeScriptでのRedux Toolkitの使い方
TypeScriptでの使用に関するRTKドキュメントページでは、TypeScriptとReactでRedux Toolkitを設定するための基本的なパターンを示し、各RTK APIの具体的なTSパターンについて説明しています。
さらに、Create-React-App用のRedux + TSテンプレートには、既にこれらのTSパターンを使用するように構成されたRTKが含まれており、これがどのように機能するかの良い例として役立ちます。
レガシーRedux Toolkitチュートリアル
以前は、Redux Toolkitドキュメントに「基本/中級/上級」チュートリアル一式を直接掲載していました。これらは役に立ちましたが、Reduxコアドキュメントの「Essentials」と「Fundamentals」チュートリアルを参照するように変更しました。
古いチュートリアルを参照したい場合は、リポジトリの履歴でコンテンツファイルを確認できます。