React
基本
Reactライブラリ
<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>
<div id="root">wait…</div>
<script>
let dom = document.querySelector('#root');
React.createElement(Createã™ã‚‹ã‚¿ã‚°, Createã™ã‚‹å±žæ€§, Createã™ã‚‹å€¤);
let element = React.createElement('p', {}, 'Hello React!');
レンダリング
ReactDOM.render(element, dom);
↓もå¯
ReactDOM.render(<p>Hello React!</p>, document.getElementById('#root'));
</script>
ディレクトリ構æˆ
プãƒã‚¸ã‚§ã‚¯ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒª
│
├─build
│ ビルドファイル
│
├─node_modules
│ node.jsライブラリ
│
├─public
│ index.html
│ 公開ディレクトリã®ã‚¨ãƒ³ãƒˆãƒªãƒ•ァイル
└─src
  index.htmlã‹ã‚‰èªã¿è¾¼ã¾ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—トã€CSS
  App.js コンãƒãƒ¼ãƒãƒ³ãƒˆã‚½ãƒ¼ã‚¹ãƒ•ァイル
  App.css コンãƒãƒ¼ãƒãƒ³ãƒˆç”¨CSSファイル
  index.js Reactプãƒã‚°ãƒ©ãƒ ソースファイル
  index.css Reactプãƒã‚°ãƒ©ãƒ 用CSSファイル