6週間勉強する

React beggining

JSX

JSXはJavaScriptの新しいTex Extensionです.これはReactと一緒に使うための文法です.ブラウザはJSXを直接解析できないため、JSXコンパイラが必要です.
JSXの最小構成単位をJSX要素と呼ぶ.HTML形式と同じですがjavascriptファイルで読み込みます.したがって、変数、関数、およびオブジェクトにJSX要素を割り当てることができます.

const navBar = <nav>I am a nav bar</nav>;

nesting

ネストできます.改行を使用する場合は()でラップする必要があります.しかし、outertagが必要であることに注意してください.さもないと間違っています.

const myDiv = (
  <div>
    <h1>
      Hello world.
    </h1>
  </div>
)

render

RealtDOMのrender()メソッドを使用してキャンバス上でレンダリングします.二つの論点を受け入れる!

import React from 'react';
import ReactDOM from 'react-dom';

// Write code here:
ReactDOM.render(<h1>Render me!</h1>, document.getElementById('app'))

The Virtual DOM

反応の利点の1つは、変化する要素だけがDOMにレンダリングされ、不要なレンダリングを行わないことで速度が向上することです.これを可能にしたのは仮想DOMである.