React基礎研修

システム開発を実行する 新人研修_Webアプリケーション開発
React Basics Training

React基礎研修

「わかる」と「使える」の間を埋める2日間

無料相談はこちら
Problem

この研修で解決できる３つの問題

Reactを使った開発を始める自信がない
「自社にあるデータを活用したDX」を計画するにあたり具体的なイメージができず、一歩目が踏み出せない
文法や基本的な概念があやふや
変革の障壁となる社内外の利害関係者の調整を、どのようなロードマップで進めればいいか、途方に暮れている
UIを一路系統的に組み立てることができない
Offer

React基礎研修で
Reactの基礎を実践的に学び、自信を持って開発を始められるようになる

Before

知識はあるが実務で活かせず、成果に繋がらないことで自信を持ちにくい

After

実装演習を通じて、文法と概念を実務で使える知識に変えられる

モダンWeb開発の中心であるReactを、文法だけでなくコンポーネント設計やHooksといった基礎的な重要概念を実践的に習得し、現場のUI開発の質を高めるスキルを身につけます。

Benefit

研修受講で期待できる変化

受講対象者のイメージ

ユーザーの期待通りにシステムが動作しない
  • 文法は理解ができるが、自分で書けるまでには自信がない
  • UIの組み立て方が分からない
  • モジュール化された仕組みを理解しにくい

期待できる効果

ビジネス要件が複雑で意図や背景まで伝わらない
  • コードを書くことで理解が深まり忘れにくい
  • UIをコンポーネント思考で組み立てられる
  • 動くコードで習得できるため、実務にすぐ活かせる

Reactは、現代Web開発における主流のUI構築ライブラリです。
本研修は2日間で、Reactの基礎を効率よく実践形式で体学するプログラムです。文法や基本構成だけでなく、コンポーネント設計、Hooks、イベント処理など、現場で必須となる基礎を「作りながら」習得します。

Training Detail

研修詳細

研修名

React基礎研修

研修概要

Reactは、現代Web開発における主流のUI構築ライブラリです。
本研修は2日間で、Reactの基礎を効率よく実践形式で体学するプログラムです。
文法や基本構成だけでなく、コンポーネント設計、Hooks、イベント処理など、現場で必須となる基礎を「作りながら」習得します。

おすすめの
企業

  • UI開発を現場に調和しながら導入したい
  • Reactを本格的に始めたいが、どこから手を付けていいか分からない
  • モダンなUI開発を自社で進めたいが、スキル習得に不安を抱えている

対象者

  • HTML/CSS/JavaScriptの基礎を理解しているWeb開発者
  • 新しいUI技術の習得を直接実務に繋げたい方

研修のゴール

  • Reactの基本文法や構成が理解できる
  • コンポーネント設計やHooksの基礎を、手を動かしながら実践的に習得する
  • Reactで自信を持って開発を始められる、実務的なスキルを身につける

研修
カリキュラム

詳しくはこちらをクリック　↓

【1日目】Reactの基礎と環境構築、主要コンポーネントの理解

  • 第1章：Reactとは：Reactの特徴や導入背景、仮想DOM、SPAなどの基本概念を学ぶ
  • 第2章：開発環境構築：Windows環境における標準的なReact開発環境のセットアップを行う
  • 第3章：Reactプロジェクトの構成：プロジェクトの基本的なフォルダ構造や主要ファイル（App.js, index.jsなど）を理解
  • 第4章：JSXの基礎：HTMLライクな構文であるJSXの書き方と使用上の注意点を学ぶ
  • 第5章：コンポーネントの基本：関数コンポーネントとpropsの使い方、親子コンポーネント間のデータ受け渡しを実践
  • 第6章：イベント処理：onClickなどのイベントハンドリング方法と、イベントオブジェクトの活用
  • 第7章：useStateの活用：状態管理の基本であるuseStateの使い方を演習
  • 第8章：条件分岐とリスト描画：if文、三項演算子、mapによるリスト表示の方法

【2日目】フォーム処理・サーバ連携・アプリ構築

  • 第9章：フォーム処理：テキストボックスやラジオボタン、チェックボックスの制御と、フォームデータの取得方法
  • 第10章：複数のuseStateとコンポーネント分割：ステートの分割、共通処理の分離、再利用性の高いコード構成の習得
  • 第11章：フォーム演習：フォーム入力データのバリデーションとアラート表示
  • 第12章：useEffectの活用：副作用処理の基本と、データ取得のタイミング制御
  • 第13章：サーバコンポーネント入門：サーバサイドでのレンダリングと、セキュリティやパフォーマンスの利点を理解
  • 第14章：アプリ開発（メンバー管理）：Reactでメンバー登録、編集、削除が可能な管理アプリを実装し、学習の総まとめとする

前提知識
スキル

※お客様の知識・スキルに応じて研修レベルの調整が可能です。お気軽にご相談ください。

日数

2日間

※お客様のご要望に応じてカスタマイズが可能です。お気軽にご相談ください。

関連情報

Contact Form

お問い合わせフォーム

まずは具体的な課題をお聞かせいただけますか？
貴社の課題解決に役立つかご提案させていただきます。