タグ: visualeditor
タグ: visualeditor
6行目: 6行目:
=== あなたが学ぶこと ===
=== あなたが学ぶこと ===
* どうやって''コンポーネント''達を作ったり、囲ったりするのか
* どうやって''コンポーネント''達を作ったり、囲ったりするのか
* どうやってマークアップやスタイルを適応させるのか
* どうやって''マークアップ''やスタイルを適応させるのか
* どうやってデータを表示させるのか
* どうやってデータを表示させるのか
* どうやって条件分岐させたりリストを作成するのか
* どうやって条件分岐させたりリストを作成するのか

2026年7月5日 (日) 14:48時点における版

公式ドキュメントの翻訳が劣化していたので、、僕が翻訳すると、こうなる。

サクッと始めよう

ようこそ React の説明書へ!このページはあなたに日常的に React を使う時の考え方の80%ほどを紹介します。

あなたが学ぶこと

  • どうやってコンポーネント達を作ったり、囲ったりするのか
  • どうやってマークアップやスタイルを適応させるのか
  • どうやってデータを表示させるのか
  • どうやって条件分岐させたりリストを作成するのか
  • どうやってイベントに反応させたり表示内容を更新したりさせるのか
  • どうやってコンポーネント達にデータを共有させるのか

コンポーネント達を作ったり、囲ったりする

Reactアプリは複数のコンポーネントによって形作られていきます。1つ1つのコンポーネントは UI (ユーザに表示させる面) の断片であり、独自の仕組みや見た目を持っています。ボタンみたいに小さいコンポーネントもあれば、ページ全体を成すコンポーネントもあります。

React のコンポーネント達は JavaScript の機能であり、彼らはマークアップを生成します。<syntaxhighlight lang="react" line="1"> function MyButton() {

 return (
   <button>I'm a button</button>
 );

} </syntaxhighlight>