logo by @sawaratsuki1004
React
v19.2
Learn
Reference
Community
Blog

    スタートガイド

  • クイックスタート
    • チュートリアル:三目並べ
    • React の流儀
  • インストール
    • React アプリの作成
    • ゼロからの React アプリ構築
    • 既存プロジェクトに React を追加する
  • セットアップ
    • エディタのセットアップ
    • TypeScript の使用
    • React Developer Tools
  • React Compiler
    • はじめに
    • インストール
    • 段階的な導入
    • デバッグとトラブルシューティング
  • REACT を学ぶ

  • UI の記述
    • 初めてのコンポーネント
    • コンポーネントのインポートとエクスポート
    • JSX でマークアップを記述する
    • JSX に波括弧で JavaScript を含める
    • コンポーネントに props を渡す
    • 条件付きレンダー
    • リストのレンダー
    • コンポーネントを純粋に保つ
    • UI をツリーとして理解する
  • インタラクティビティの追加
    • イベントへの応答
    • state:コンポーネントのメモリ
    • レンダーとコミット
    • state はスナップショットである
    • 一連の state の更新をキューに入れる
    • state 内のオブジェクトの更新
    • state 内の配列の更新
  • state の管理
    • state を使って入力に反応する
    • state 構造の選択
    • コンポーネント間で state を共有する
    • state の保持とリセット
    • state ロジックをリデューサに抽出する
    • コンテクストで深くデータを受け渡す
    • リデューサとコンテクストでスケールアップ
  • 避難ハッチ
    • ref で値を参照する
    • ref で DOM を操作する
    • エフェクトを使って同期を行う
    • そのエフェクトは不要かも
    • リアクティブなエフェクトのライフサイクル
    • エフェクトからイベントを分離する
    • エフェクトから依存値を取り除く
    • カスタムフックでロジックを再利用する

Is this page useful?

Learn React

Not Found

This page doesn’t exist.

If this is a mistake, let us know, and we will try to fix it!


Copyright © Meta Platforms, Inc
no uwu plz
uwu?
Logo by@sawaratsuki1004
React を学ぶ
クイックスタート
インストール
UI の記述
インタラクティビティの追加
state の管理
避難ハッチ
API リファレンス
React APIs
React DOM APIs
コミュニティ
行動規範
チーム紹介
ドキュメント貢献者
謝辞
More
ブログ
React Native
プライバシー
利用規約