インストール

React を試してみる

React を試すために何かをインストールする必要はありません。このサンドボックスを編集してみてください！

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />
}

直接編集しても構いませんし、右上の “Fork” ボタンを押して新しいタブで開くこともできます。

React ドキュメントのほとんどのページには、このようなサンドボックスが含まれています。React のドキュメント外にも、React をサポートするオンラインサンドボックスがたくさんあります。例えば、CodeSandbox、StackBlitz や CodePen が挙げられます。

ローカルで React を試す

あなたのコンピュータのローカル環境で React を試すには、この HTML ページをダウンロードしてください。そしてエディタとブラウザで開いてください！

新しい React プロジェクトを開始する

アプリやウェブサイトを React でフルに構築したい場合は、新しい React プロジェクトを始めましょう。

既存のプロジェクトに React を追加する

既存のアプリやウェブサイトで React を試してみたい場合は、既存のプロジェクトに React を追加してください。

次のステップ

日々遭遇する最も重要な React の概念を紹介する、クイックスタートガイドへと進んでください。