React_3rd

概要

ReactとTypeScriptを使用してpaginationを実装する。
ライブラリreact-paginateを使用する

環境構築

1. ビルドツールviteにて環境構築を行う。
   npm create vite@latest
   ・プロジェクトネームを入力する。
   ・使うフレームワークを選択肢する。→Reactを選択
   ・テンプレートのバリエーションを選択する。→TypeScriptを選択
   

2. 必要なモジュールをインストールする。
   npm i
   

3. viteを実行しローカルサーバーを立ち上げる。
   npm run dev
   

4. ライブラリreact-paginateを使用する
   npm install react-paginate --save
   ドキュメント：https://www.npmjs.com/package/react-paginate