Context API と useReducer で custom hook を作る時のテンプレート2020-12-10 Context API と useReducer で custom hook を作る例が見つからなくて色々と思考錯誤をしていたのですが、現時点で自分なりにたどり着いた答えを紹介します。 フォルダ構成とそれぞれの役割 context, reducer, hooks で分けています。ただこだわりはなく、実際にはフォルダ構成はなんでもいいと思いますし、手を抜きたい時は Context のファイルに reducer を書いたりしています。 それでも技術的な関心には分離できるのでそのように分けることを意識しています。 context Context の作成と Provider でラップできる関数を作ります。 import { createContext, Dispatch, Re
![Context API と useReducer で custom hook を作る時のテンプレート](https://cdn-ak-scissors.b.st-hatena.com/image/square/21f4e556875131070a947d8d0e3a2c9878375e9d/height=288;version=1;width=512/https%3A%2F%2Fblog.ojisan.io%2Fstatic%2F225399d4d53bda2d8eaf2183ab0e9418%2F1742c%2Fvisual.png)