最小のReactの例は次のようになります:
ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'));ページ上に「Hello, world！」という見出しを表示します。
CodePenで試してみましょう
上のリンクをクリックすると、オンラインエディターが開きます。 自由に変更を加えて、出力にどのような影響があるかを確認してください。
How to Read This Guide
このガイドでは、Reactアプリの構成要素である要素とコンポーネントについて説明します。
ヒント
このガイドは、概念を段階的に学ぶことを好む人のために設計されています。 実際にやってみることで学びたい方は、実践的なチュートリアルをご覧ください。
このガイドは、React の主要な概念についてのステップバイステップのガイドの最初の章です。 ナビゲーションのサイドバーには、すべての章のリストがあります。
このガイドの各章は、以前の章で紹介された知識を基に構成されています。 サイドバーに表示されている順に「Main Concepts」ガイドの各章を読むことで、Reactのほとんどを学ぶことができます。
知識レベルの想定
ReactはJavaScriptのライブラリなので、JavaScript言語の基本的な理解があることを前提としています。 もしあまり自信がないようでしたら、自分の知識レベルを確認し、このガイドに沿って迷うことなく進めるために、JavaScript のチュートリアルを見ることをお勧めします。
注意事項
このガイドでは、例題の中で新しいJavaScriptの構文を使用することがあります。
Let’s Get Started!
下にスクロールしていくと、ウェブサイトのフッターの手前に、このガイドの次の章へのリンクがあります
。