02. Hello World
Nohara Hajime edited this page Mar 22, 2017
·
3 revisions
Reactを使い始める最も簡単な方法は、
this Hello World example code on CodePenです。
何もインストールする必要はありません。
ローカル開発環境を使用する場合は、
Installationページを参照してください。
最小のReactの例は次のようになります:
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
「Hello、world!」というヘッダーをページ上にレンダリングします。
次のいくつかのセクションでは、徐々にReactの使い方を紹介します。
Reactアプリケーションの構成要素である要素とコンポーネントを検証します。
一度マスターすれば、小さな再利用可能なコンポーネントから複雑なアプリケーションを作成できます。
ReactはJavaScriptライブラリであるため、JavaScript言語の基本的な知識があることを前提としています。
自信がない場合は、JavaScriptの知識をお勧めします。
また、例ではES6の構文を使用しています。これを慎重に使用しようとしていますが、
以下のステートメントの勉強をお勧めします。
arrow functions,
classes,
template literals,
let
,
const
Babel REPL を使用しての、ES6コードのコンパイル内容を確認することもできます。