Introduction

本記事では Redux の概要を備忘録として残します。
Web 開発では React が好きなのですが、実務では使わず趣味程度のため、大規模開発向けと聞いていた Redux は敬遠していました。

ある程度 React には慣れたため props のバケツリレー解消目的で Redux を試すと、動くけど理解しきれていないものが出来上がりました。
意味を理解しながら実装できるように Redux の基礎を固めます。

警告
備忘録のため正確さよりも（私にとっての）理解しやすさを意識して記述しています。

本記事が少しでも読者様の学びに繋がれば幸いです！
「いいね」をしていただけると今後の励みになるので、是非お願いします！

環境

Ubuntu22.04

状態管理のこと。
Redux で監視している現在の状態に応じて処理を変える。

=======================
飲食店でのRedux
========================

客の注文に応じて店員の処理を変える。
− 客が注文前か、注文するのか、注文後なのかをReduxで監視する。

=======================
XでのRedux
========================

Redux でページの画面を変更する。

Quoted from https://redux.js.org/tutorials/essentials/part-1-overview-concepts

=======================
Reduxによる処理の流れ
========================

最後まで閲覧頂きありがとうございました。

非常に基礎的な部分ではありますが、本記事にまとめた内容が実装する際の理解に役立ちました。
Redux に限らず少し複雑に感じる内容は以下の手順で進めることをおすすめします。

成果に目を向けると精神的に苦しくなるので、成長に目を向けて 1 つずつ理解していきましょう！

本記事がお役に立てば幸いです！