https://github.com/mizukiokushima/react_3rd

Reactの基礎学習です。環境構築を行いページ上にpaginationを実装してみる。
https://github.com/mizukiokushima/react_3rd

bootstrap5 jsonplaceholder-api react react-pagination typescript

Last synced: about 2 months ago
JSON representation

Reactの基礎学習です。環境構築を行いページ上にpaginationを実装してみる。

• Host: GitHub
• URL: https://github.com/mizukiokushima/react_3rd
• Owner: MizukiOkushima
• Created: 2023-01-15T08:21:58.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-16T15:17:56.000Z (over 3 years ago)
• Last Synced: 2025-03-28T12:44:45.854Z (about 1 year ago)
• Topics: bootstrap5, jsonplaceholder-api, react, react-pagination, typescript
• Language: TypeScript
• Homepage:
• Size: 19.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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