|
|
| 3行目: |
3行目: |
| * [[React : GET STARTED|GET STARTED]] | | * [[React : GET STARTED|GET STARTED]] |
| * [[React : LEARN REACT|LEARN REACT]] | | * [[React : LEARN REACT|LEARN REACT]] |
|
| |
| = サクッと始めよう =
| |
| ようこそ React の説明書へ！このページはあなたが React を使う時の日常的な考え方の８０％ほどを紹介します。
| |
|
| |
| === あなたが学ぶこと ===
| |
| * どうやって ''コンポーネント'' 達を作ったり、囲ったりするのか
| |
| * どうやって ''マークアップ'' やスタイルを適応させるのか
| |
| * どうやってデータを表示させるのか
| |
| * どうやって条件分岐させたりリストを作成するのか
| |
| * どうやってイベントに反応させたり表示内容を更新したりさせるのか
| |
| * どうやってコンポーネント達にデータを共有させるのか
| |
|
| |
| == コンポーネント達を作ったり、囲ったりする ==
| |
| Reactアプリは複数の''コンポーネント''によって形作られていきます。１つ１つのコンポーネントは UI (ユーザに表示させる面) の断片であり、独自の仕組みや見た目を持っています。ボタンみたいに小さいコンポーネントもあれば、ページ全体を成すコンポーネントもあります。
| |
|
| |
| React のコンポーネント達は JavaScript の機能であり、彼らはマークアップを生成します。<syntaxhighlight lang="react" line="1">
| |
| function MyButton() {
| |
| return (
| |
| <button>I'm a button</button>
| |
| );
| |
| }
| |
| </syntaxhighlight>
| |
2026年7月6日 (月) 07:41時点における版
公式ドキュメントの翻訳が劣化していたので、、僕が (翻訳は目的じゃないので最初だけ) 翻訳すると、こうなる。