React.js 初級編
Reactの環境構築をしよう
Reactでヘッダーを作成しよう
サイトの説明と犬の画像を表示しよう
useStateを使ってみよう
ボタンのクリック時に stateを更新しよう
APIを叩いて、ランダムな画像を表示しよう
CSSを書いて、見た目を整えてみよう
コンポーネント分割とProps
useEffectを使ってみよう
ドロップダウンコンポーネントの作成
犬の画像のリストを表示しよう
教材を始めよう
準備ができたら挑戦を始めよう
Reactで動かすはじめてのWEBアプリ
難しさ:やさしい
React
全11問
犬の画像を表示するアプリを段階的に作り、Reactの基本を学ぶ教材です。ボタン操作やAPI通信を追加し、コンポーネントに分けて画面を整えていきます。
useState、useEffect、Props、コンポーネント分割を学べます。APIから取得した画像の表示や、ドロップダウンと画像リストの実装も練習します。
プログラミング経験が少しあれば問題なくクリアできるレベルです。HTML・CSSとJavaScriptの基本が前提になります。状態の更新やAPI通信と画面表示の関係を理解するところが主な学習ポイントです。
目安は15〜30時間です。全11問です。