とほほのReact入門

トップ > React入門
執筆中...

目次

React とは

このページでは、v16.2 をベースに説明します。

Hello world

CDN

<script src="https://unpkg.com/react@16.2.0/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.1.js"></script>
<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

Install

$ npm install -g create-react-app
$ create-react-app my-app
$ cd my-app
$ npm start

既存の環境に React を追加する

$ mkdir app2
$ cd app2
$ npm init
$ npm install --save react react-dom

Hello2

Hello3

{ ... } の中では JavaScript の構文を使用できる。

Hello4

Hello4

Babel による JSX 変換の例。

Hello5


Copyright (C) 2018 杜甫々
初版:2018年1月7日 最終更新:2018年1月7日
http://www.tohoho-web.com/ex/react.html