課題 redux を引っ張り出すと大仰になる。Context 下に共有ステートを持ってそこに setState できるだけでよい。 なので、次の 2 つを用意する 現在の state を参照する const appState = useAppState() 現在の state を更新する関数を返す const setAppState = useSetAppState() React.useState() と違って分割している理由は、主にパフォーマンス上の理由 大域な参照なので、可能な限りステートを参照したくない setState() の API は (prevState: State) => State も取れるので、状態更新用途に限ってはそもそも useAppState() せずに済むことが多い でも毎回書いてるけどボイラープレート感強い上に忘れるのでここにメモする 毎回書いてるボイラー
![React Context を用いた簡易 Store](https://cdn-ak-scissors.b.st-hatena.com/image/square/8e794b67af9b60b9bae877a7cafc08cb253e49be/height=288;version=1;width=512/https%3A%2F%2Fmizchi.dev%2Fogp%2F202005271609-react-app-context.png)