インストール

Reactは、最初から段階的な導入を目的として設計されています。必要とするだけReactを使用できます。Reactを試してみたい場合でも、HTMLページにインタラクティブ性の一部を追加する場合でも、複雑なReact対応アプリを開発する場合でも、このセクションでは開始するのに役立つ情報が提供されています。

Reactを試す

Reactを使用するには、何もインストールする必要はありません。このサンドボックスを編集してみてください!

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

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

直接編集するか、右上隅の「フォーク」ボタンを押して新しいタブで開くことができます。

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

ローカルでReactを試す

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

新規Reactプロジェクトの開始

アプリまたはウェブサイトを完全にReactで構築したい場合は、新規Reactプロジェクトを開始してください。

既存プロジェクトへのReactの追加

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

次のステップ

クイックスタートガイドに進み、毎日遭遇する最も重要なReactの概念の概要をご覧ください。