Reactを学ぶ - コーディング講座

Coddykit
82.6.1

2026年10月03日
Update date
Security
Everyone
Android 7.0+
Android OS

ダウンロード APK (96.3 MB)XAPK / APK ファイルのインストール方法

APKPure Appを使用するReactを学ぶ - コーディング講座の旧いバージョンをダウンロードすることが可能

ダウンロード

このReactを学ぶ - コーディング講座について

JSチュートリアル：Hooks、JSXとNext.js、クイズと面接質問

Reactを書いて学びましょう。このReact JSチュートリアルでは、最初のJSXの1行からHooks、状態管理、完成したアプリまで学べます。書いたすべてのコンポーネントは、ライブプレビューですぐにスマートフォン上にレンダリングされます。

88コース、324のインタラクティブレッスン、レベルA1からC1まで。短いコンセプトを読み、実際のコードを入力し、「実行」をタップして結果を確認しましょう。ノートパソコンもセットアップも必要ありません。

スマートフォンでコードを書く

• JSX用に作られたコードエディタ。アプリ内でコンポーネントをレンダリングするライブプレビュー付き

• ランタイム（ReactDOMとBabel）はアプリに組み込まれているため、コードはサーバーではなくデバイス上で実行されます

• 複数ファイルのプロジェクト：実際のアプリのように、あるコンポーネントを別のコンポーネントにインポート

• レンダリングされたボタンをタップし、フォームに入力して、UIの反応を確認

ラボ

• Hooks Lab：発生するすべての状態変更と再レンダリングをリアルタイムで確認

• Propsノブ：スライダーでpropsを変更し、コンポーネントの更新を確認

• レンダリングプロファイラーと状態タイムライン（Pro）：どのコンポーネントが再レンダリングされたのか、その理由を確認し、状態をさかのぼって調査

ステップごとに、初心者から上級者まで

• 基礎：JSX、コンポーネント、props、state、イベント、リストとキー、条件付きレンダリング

• Hooks：useState、useEffect、useRef、useReducer、カスタムフック、useLayoutEffectなど

• フォームとバリデーション、React Hook Form、制御コンポーネントと非制御コンポーネント

• 状態管理：Context、Redux ToolkitとRTK Query、ZustandとJotai

• React Router、データ取得、TanStack Query、SWR、楽観的UI

• TypeScript、テスト、Storybook、アクセシビリティ、セキュリティ

• パフォーマンス：メモ化、コード分割、Suspense、トランジション、仮想化リスト

• React 19とServer Components、SSRとハイドレーション、ストリーミング

• Next.js App Router、データ取得、認証

• Web開発者向けReact Nativeの基礎

• デプロイ、マイクロフロントエンド、モジュールフェデレーション

実際のプロジェクトを作る

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

身につくまで練習

• Hooks、レンダリング、フォーム、Context、パフォーマンスに関する30のコーディングミッション（簡単、普通、難しい）

• UI Match：目標のコンポーネントを再現し、構造、スタイル、テキストのスコアを獲得

• Bug Hunt：壊れたコンポーネントからバグを見つけて修正

• Component Recall：間隔反復を使い、すでに動作させたコードに欠けている部分を入力

• 50問のクイズ、50問の面接質問、チートシート

• デイリーチャレンジ、連続学習、XP、リーダーボード

AIメンター（PRO）

Hookやエラーで行き詰まりましたか？AIメンターにわかりやすい説明を尋ねたり、AIにコードをレビューして修正案を提案させたり、どんなトピックでもカスタムレッスンを生成したりできます。

証明書（PRO）

最終試験に合格して、共有できる証明書を取得しましょう。

無料版とPro