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ファイル

Follow me!

å‰ã®è¨˜äº‹

Laravel PHPUnit

次ã®è¨˜äº‹

React JSX