Reactプロジェクトで必ず現れるRedux。
はじめてお目にかかった時は理解が大変でした。
いしけんさん、独自の見解があるようです。
Reduxを分かりやすく紹介してくれます。
目次
Reactを始めるならReduxも始めよう
Reactの公式ページではなぜかまったく触れられていないReduxですが、
初めから知っておきたい、使っておきたいライブラリです。
ちなみにReactの公式では必要かどうかのQ＆Aに「Maybe（多分）」と書いてあります。
あわせて読みたい
Component State – React
A JavaScript library for building user interfaces
実はいしけんはReactで巨大なプログラムをいくつも書いた後でReduxを知ったのですが、
むしろはじめから教えておいてくれよ！と思うくらい必須のライブラリだと思います。
あわせて読みたい
React Redux | React Redux
Official React bindings for Redux
ReduxとReactの公式ページを見比べてみると温度差ありますが、
Reactのスケルトンプログラムに標準装備しておけといいたくなるくらい必須の技術です。
今まで作ったプログラム書き直さないといけない…
Reactの公式ページにReduxのせておいてよ！
JavaScriptは様々なイベントが飛び交う
JavaScriptで書かれたプログラムは色々なタイミングで様々なイベントが飛び交います。
基本的には変数は決められたスコープ内では守られていますが、変更されるタイミングは様々です。
（例えば、APIの応答が完了したら更新される。ユーザーの操作で更新される。これが同時に起こる等々）
Reduxはimmutable(不変性)を維持してくれる
公式サイトによくでてくる言葉で「immutable」というものがあります。
Reduxは変数の「immutable(不変性)」を維持します。どいうことでしょうか。
これはReduxの仕組みを使っていれば変数を守ってくれるということです。
想定外の操作でもバグが起きなくなるということですね。
実際に試してみましょう。
これを表現してくれるプログラムが公式にあったのでTypescriptで書いてみました。
いしけん
コメント