ポケモン図鑑開発

OVERVIEW

Reactアプリ

YEAR 2023

React.jsとポケモンAPIを使用したアプリを作成しました。

Reactのキャッチアップを踏まえて、実際に開発を行なってみました。

ポケモンAPIを使用し、ポケモンデータを非同期で取得し名前・タイプなどのデータをレンダリングしています。

データ取得時はLoadingテキストを表示し、取得後、ポケモンコンポーネントに表示を切り替えています。

ページャーでは前のデータが存在しない場合は、「前へ」ボタンを無効、次のデータが存在しない場合は「次へ」ボタンが無効になります。

下記実際の成果物とリポジトリです。


WEBSITE