– ユーザインタラクティブな画面をシンプルに構築
https://ja.reactjs.org/
– ES6:JavaScriptの新しい規格
– react developer toolsをchromeに入れる
あれ、atomと同じマークだ。atomってelectron&github開発だよね、確か。
– CDNはtutorialから取得
https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>React</title>
<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/babel.min.js"></script>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div id="root"></div> <!-- 部品を表示 -->
<script type="text/babel">
(() =>{
ReactDOM.render(
<p>React</p>, document.getElementById('root')
);
})();
</script>
</body>
</html>
