全4回で学ぶReact入門講座 ウェビナー

クリーク･アンド･リバー社（C&R社）では、2026年９月１日（火）から全4回で「全4回で学ぶReact入門講座」を実施します。

ReactはMetaが開発・公開しているJavaScriptライブラリであり、現在のWebアプリケーション開発において広く採用されています。
しかし、Reactを習得するためにはJavaScriptの文法だけでなく、コンポーネントによる画面構築やStateを利用したデータ管理など、React特有の考え方を理解することが重要です。

本講座では、最新の開発環境であるViteを利用しながら、Reactの基礎から実践的なアプリ開発までをハンズオン形式で学習します。

JSXやコンポーネントの基本から始め、PropsやStateによるデータ管理、フォーム入力やリスト表示、React Compilerによる最新の最適化の考え方、そしてカスタムフックによるロジックの再利用まで、段階的に理解を深めていきます。

講座の後半ではTodoアプリの開発を通じて、Reactらしい設計や実装を実践的に学んでいただきます。

これからReactを学びたい方、改めて基礎から学び直したい方におすすめの講座です。

▼予定しているカリキュラム

１回目:Reactの基本（９月１日（火）19:00-21:00）

• Reactとは何か
• Viteによる環境構築
• JSX
• コンポーネント
• コンポーネントの組み合わせ
• イベント処理

２回目:Props・useState・CSS Modules（９月８日（火）19:00-21:00）

• Props
• 親から子へのデータ渡し
• CSS Modules
• useState
• State変更による画面更新
• PropsとStateの違い

３回目:Stateの応用とReact Compiler（９月15日（火）19:00-21:00）

• フォームとState
• 配列の表示
• 配列Stateへの追加・削除
• Stateを直接変更しない考え方
• 再レンダリングの基本
• React Compilerの役割
• React Developer Toolsでの確認

４回目:カスタムフック（９月29日（火）19:00-21:00）

• Hooksの復習
• カスタムフックとは何か
• カスタムフックが必要になる理由
• コンポーネントからロジックを分離する
• カスタムフックの作成
• 複数コンポーネントでの再利用

※適時休憩をはさみます。
※講義内容は予定です。当日の受講者の進捗等によって変更になる場合があります。

▼お申込み前にご確認ください

※当オンライン講座の対象・レベル・環境などの注意点です。ご確認の上お申し込みください。
・HTML、CSSの基本的な知識がある方を対象としています。
・JavaScript（ES6以降）の基本的な文法を理解していることを前提とします。
・Reactの学習経験は不要です。
・Reactは講座実施時点の最新版を対象とします。
・本講座ではJavaScriptを利用します。TypeScriptは扱いません。
・Next.jsなどのReactフレームワークは扱わず、React本体の理解に重点を置きます。
・React Compilerを利用した現在のReact開発スタイルを前提として解説します。
・アーカイブの配信はございませんので予めご了承ください。

↓ハンズオン形式で実施します。実習には以下の環境が必要となります。
・Visual Studio Code（最新版推奨）
・Node.js LTS版
・Google Chrome
・インターネット接続環境
※受講に必要な環境については、事前にご案内いたします。
※講座用の開発環境はこちらで準備したものをご利用いただく予定です。

開催概要

お問い合わせ