Reactの状態管理におけるuseReducerとuseContextの活用例

2023/11/02 15 users useState useReducer React 松田 大半

こんにちは、アルダグラムでエンジニアをしている松田です。 Reactで状態を管理するにあたっては、useStateの利用が挙げられることが多いです。 実際、数値や文字列、真偽値などのプリミティブな値であれば、useStateが適切なケースが大半でしょう。 ただ、値を投入するだけではなく、追加・削除・更新といった操作が要... 続きを読む

useReducer + useContext + Typescriptに慣れよう

2022/11/05 11 users useReducer TypeScript React 概要

概要 以下の記事で「useReducer + Typescript」について記事を書きました。 今回はその第 2 弾として、useReducer での状態管理を子のコンポーネントでも使えるようにするために、 useContext と組み合わせた場合にどのようにプログラムを書けば良いかをご説明します。 想定読者 React がなんとなく書けるレベル以上の方... 続きを読む

ぼくのかんがえたさいきょうの useState + useContext よりも Redux のほうが大抵勝っている

2020/12/20 147 users useState redux useReducer 大抵 単体

「Redux は学習コストが高い」などと言って useState（または useReducer）と useContext を組み合わせ 劣化 オレオレ Redux を作ってしまうのを見かけます[1]。よくないことだと思いますが、気持ちは非常にわかります。Redux エコシステムがそういう気持ちにさせてしまう部分は大いにあります。 Redux は それ単体なら ... 続きを読む

use-react-redux-context で redux 環境下で React Hooks を使う - Qiita

2019/03/01 17 users redux Qiita hooks React Hooks

で使えます。が、 peer deps として react react-dom react-redux redux がいるので、今までの redux スタック全部盛りでもあります。 これは何 ReactRedux connect を、Context API と useContext で置き換えようとしたものです。 その過程でパフォーマンスチューニングする余地を大量に入れ込んでいます。 hooks で re... 続きを読む