React / Redux を実務で使うということは

注意 この記事に書いてあることは古い情報になっている可能性があります 最近ReduxToolkit周りの進化がめざましく、更に追加されたReduxのドキュメントの項目がかなりわかりやすく書かれているため、基本的にこちらを推奨します 既にRTKなどの概要を知っているひとは特に Tutorials > Redux Essentials のセクションを読んでほしいです こんにちは、すずです Reactを使い始めて2年半経ち、その間に3つのサービス(SPA)を立ち上げてきました その経験から、 React や Redux を実務でしっかり使ってく上でのノウハウを紹介していきます （この記事ではある程度ReactやReduxの記事・ドキュメントを読んだ初学者を対象としています） 序 フロントエンド、モノを作ったはいいものの、「変更しづらい」「スケールしない」「この作りではパフォーマンスが出ない」って

[atico]

hooks登場前の話に感じる。今はhooksを使って各コンポーネントが自身で必要なstateを管理する事で独立性を高めて再利用しやすくする。storybookを使えば、外部に依存せずに動作確認ができる。データの共用はcontextを使う。

[mizchi]

あんまり賛同できなかった

[winterfall]

“ります 特に注意しなければいけないのは、渡す値が以下の場合です ”

[pere_ponta]

“shallowEqual”

[jgoamakf]

id:gachapining https://redux.js.org/recipes/structuring-reducers/normalizing-state-shape では、IDの配列（allIds）を別に持てと書かれています。

[o_hiroyuki]

“Discuss”

[gachapining]

"Store に配列を入れない" これは抵抗あるなぁ‥。バックエンドから受け取った配列を KV にして保存して、読み出す時に selector で Object.keys するの辛くないんか‥。並び順という情報が落ちるから sort key もいるよね‥