← トピックに戻る
言語 日本語

フレームワーク

React クイックリファレンス

React クイックリファレンス の印刷用チートシート。すばやい参照、学習、机上利用向けに整理されています

ソース
React Documentation (react.dev)
ライセンス
MIT
更新日
2026-03-27

サンプル

このチートシートの内容

  • JSXの基本
  • コンポーネント
  • 状態（useState）
  • エフェクト（useEffect）
  • リストとキー
  • イベント処理
  • 条件付きレンダリング
  • フック
  • カスタムフック
  • Context API

式と属性

const name = "Alice";
const el = <h1>Hello, {name}!</h1>;
const img = <img src={url} alt="photo" />;

JSXのルール

{expression}任意のJS式を埋め込む
className`class`の代わりに使用
htmlFor`for`の代わりに使用
style={{color: 'red'}}インラインスタイルをオブジェクトで指定
<Component />自己閉じタグが必須
<> ... </>フラグメント（余分なDOMノードなし）

すべてのセクションを含む印刷用チートシートをダウンロード

PDF をダウンロード

ダウンロード

読み方に合った形式を選ぶ