React初心者のためのハンズオン その４[API実行と一覧表示] ｜ 25歳でフリーランス28歳で起業したエンジニア -じゃけぇ- のあれこれ

さぁここまででReactの基本は理解できたでしょうか？ 最初に比べてだいぶReactへの苦手意識もなくなってきたのではないかと思います。 今回のハンズオンでは、実際のアプリケーション開発でよくありそうな 「WebAPIでJSONデータを取得して、ループしながら一覧表示する」 というのをやってみようと思います！楽しみー！ Reactの世界へようこそ！チャオ React!! 完成品のイメージ 今回作るのは、ボタンを押下するとWEB上からJSONデータを取得してきて、一覧としてレンダリングするというものです。 こんな状態でボタンを押すと… こうなる感じ 表示される画面はこれまでと一緒ですが、システムっぽくなってきましたね。 コンポーネントの整理 では今回のハンズオンを始める前に少し画面を整理しましょう。 ここまでのコードを残しておきたい人は現在のindex.jsの内容を自分で退避するか、ログイン