Reactを学ぶ - コーディング講座 — JSXを書いてスマートフォンで実行しながらReactプログラミングを学べます

コアとなる考え方、コンポーネント、props、state、hooksは、書いたコードを実行できるならスマートフォンでも学べます。Reactを学ぶ - コーディング講座にはReactDOMとBabelが組み込まれているため、デバイス上のライブプレビューでJSXをレンダリングできます。より大規模なプロジェクトを構築してデプロイする段階では、ノートパソコンが役立ちます。

少し知っていると役立ちます。Reactを学ぶ - コーディング講座は、変数、関数、配列など、HTML、CSS、JavaScriptをある程度知っている方を対象としています。JavaScriptを書いたことがまったくない場合は、先にJavaScriptを学んでください。Reactのレッスンでは、JavaScriptを読めることを前提としています。

propsはコンポーネントが親から受け取る入力値で、変更すべきではありません。一方、stateはコンポーネントが保持し、時間の経過とともに更新するデータです。Reactを学ぶ - コーディング講座では、Hooks Labでstateの変更と再レンダリングを確認でき、props knobsではスライダーを使ってpropを変更できます。

はい。Reactを学ぶ - コーディング講座では、useState、useEffect、useRef、useReducer、custom hooks、useLayoutEffectを扱います。エフェクトが実行されるタイミング、依存配列、よくあるミスについては独立したレッスンで詳しく学べます。また、壊れたコンポーネントからバグを見つけ出すBug Huntモードもあります。

いいえ。Reactはユーザーインターフェースを構築するためのライブラリで、React Nativeは同じ考え方を使ってモバイルアプリを構築します。Reactを学ぶ - コーディング講座ではまずWeb向けのReactを学び、React Native fundamentalsコースでは、Web開発者がそのスキルをモバイルへ応用する方法を学べます。

はい。コースでは、React 19の機能とServer Components、SSRとハイドレーション、ストリーミング、データ取得、キャッシュ、認証を扱うNext.js App Routerを学べます。Web開発者向けのReact Native fundamentalsコースもあります。

20のガイド付きプロジェクトがあり、1つずつ小さなステップを積み重ねて作成します。いいねボタン、プロフィールカード、チップ計算機、クイズゲーム、ストップウォッチ、登録フォーム、ショッピングカート、画像カルーセル、ページ分割されたリスト、todoアプリなどを作れます。各ステップでは、次へ進む前にコンポーネントが正しく動作するかを確認します。

ダウンロードは無料です。無料版には、最初のコース、1つのガイド付きプロジェクト、2つのコーディングミッション、ライブプレビュー付きのコードエディター、Hooks Lab、props knobs、Bug Hunt、1日3回のUI Matchチェックが含まれ、広告が表示されます。Proでは、すべてのコース、プロジェクト、ミッション、AI mentor、render profiler、certificate examが利用可能になり、広告も表示されなくなります。

最終試験に合格すると、共有可能な証明書を取得できます。証明書はProに含まれています。面接対策として、50問の面接問題、50問のクイズ、コアとなる概念を練習できるチートシートがあります。

いいえ。ランタイムはアプリに組み込まれているため、コードはデバイス上でコンパイルされ、レンダリングされます。そのため、自分で作ったボタンをタップして、プレビュー内でUIの反応を確認できます。

Reactを学ぶ - コーディング講座はiOSとAndroidで利用でき、22言語に対応しています。レーティングは4+で、iPhoneではiOS 15.1以降が必要です。