誰でもわかる React基礎

この講座で使用する付録は

ファイル「【付録】React基礎.zip」を

ダウンロードして解凍してご利用ください。

付録には

・テキスト（講義内容）

・プログラム

・XAMPPインストール方法.pdf

・VSCodeインストール方法.pdf

・React開発環境構築方法.pdf

・React開発環境（拡張機能）.pdf

・React Developer Tools導入方法.pdf

を収納しています。

「テキスト」には

動画の講義内で使用している

テキストと章末問題をPDF化したものが入っています。

復習時などにご活用ください。

「プログラム」には

講義内で使用しているサンプルプログラムが入っています。

実際の実行結果を体感することができます。

「XAMPPインストール方法.pdf」には

XAMPPのセットアップ方法を記載しています。

参考にしてください。

「VSCodeインストール方法.pdf」には

Visual Studio Codeのセットアップ方法を記載しています。

資料通りに進めていけばダウンロードからインストールまで行えます。

「React開発環境構築方法.pdf」には

Node.jsのセットアップ方法、Reactプロジェクト作成方法、Reactプロジェクト実行方法

などを記載しています。

参考にしてください。

「React開発環境（拡張機能）.pdf」には

コンポーネントファイルの自動生成方法を記載しています。

参考にしてください。

「React Developer Tools導入方法.pdf」には

React Developer Toolのインストール方法を記載しています。

参考にしてください。

【お知らせ】

講座内の内容は2025年11月当時のものになります。

Reactプロジェクトは

Visual Studio Codeのバージョンが変化しても

そのまま利用することができます。

但し

Visual Studio Codeのバージョンが変化すると

プロジェクトの作成方法や実行方法が変化する可能性があります。

第１章　Reactの概要

・1.1　Reactって何？

・1.2　JSXって何？

・1.3　コンポーネントって何？

第２章　開発環境

・2.1　Reactの環境構築

・2.2　Reactプロジェクトの基本構成

第３章　基礎知識

・3.1　Reactに必要な知識

第４章　基本文法

・4.1　Reactを使ってみよう！

・4.2　App.jsって何？

第５章　コンポーネント

・5.1　コンポーネントを使ってみよう！

第６章　分岐処理

・6.1　分岐処理を使ってみよう！

第７章　反復処理

・7.1　反復処理を使ってみよう！

第８章　フック

・8.1　フックを使ってみよう！

第９章　イベント

・9.1　イベントを使ってみよう！

第１０章　親子コンポーネント

・10.1　親子コンポーネントを使ってみよう！

第１１章　フォーム（１）

・11.1　フォームを使ってみよう！

第１２章　フォーム（２）

・12.1　React Hook Formを使ってみよう！

第１３章　サーバコンポーネント

・13.1　サーバコンポーネントを使ってみよう！

第１４章　アプリ作成

・14.1　メンバー管理アプリを作ってみよう！