React Hooks でページネーションを実装する - Qiita

やりたいこと Hooks がリリースされてから、コンポーネントのシンプルな状態管理に関してはuseStateなどで済ませられるようになったが、やや複雑なコンポーネントの状態管理+アルファを Hooks でやってみたかった。 つくったもの 今回はuseReducerを使って市町村名をリストで表示するページネーションを実装してみた。 サンプルコード：https://codesandbox.io/s/paginator-demo-mnxvc UIフレームワークは Material UI でサクッと用意。 useReducer を使った例としては公式のリファレンスでもカウンターなどがありますが、もう少し実用的で、複雑な状態管理と副作用をうまく利用することが要求されるコンポーネントを作って試してみたいと思っていたので今回それをやりました。 ページネーションを題材とした理由は、主に コンポーネントの操