技術用語

React

リアクト

画面を部品（コンポーネント）に分けて組み立てる JavaScript ライブラリです。

体験区分：少しだけ触った推奨読者レベル：Level 2

ボタン・カード・フォームなど画面の各パーツをコンポーネント（部品）として独立して作り、組み合わせてアプリ全体を構成します。状態（State）が変わると関係する部品だけ自動で画面を更新します。

AI への修正依頼でよく出てきます。「このコンポーネントの表示を変えて」「Props（親から子への値の受け渡し）が足りない」など、粒度を部品単位で指定する会話になります。

構造図

2026.04·ready

「React のコンポーネント単位で指定すると、AI への修正依頼が伝わりやすいですよ。」

Reactの見方

287

この用語の見どころ

役割

UI を部品（コンポーネント）に分けて再利用しながらアプリを組み立てます。

うれしさ

部品単位で AI に修正を依頼できるので、指示の粒度が揃えやすくなります。

注意点

ページ遷移やサーバー処理は React 単体では扱えず、Next.js などと組み合わせます。

どこで役立つか

Web アプリの画面開発と、AI への UI 修正指示の粒度を合わせたい場面で役立ちます。

はじめに

コンポーネント・Props・State の 3 概念と、HTML に似た JSX 記法が出発点です。

深掘り先

Next.js、JSX、State、Props、TypeScript。

非エンジニアのつまずき

私のコメント

開発フローでの位置

画面設計

→

コンポーネント実装

→

Props でつなぐ

→

ブラウザ確認