1. 함수형 컴포넌트

React.Component를 상속하여 정의합니다.

class Component extends React.Component {
  render() {
   return <div>hello</div> 
  }
}

2. 함수형 컴포넌트

function과 arrow function을 이용한 두가지 방식이 존재합니다.

• function 방식

function Component() {
  return <div>hello</div>
}

• arrow function 방식

const Component = () => <div>hello</div>

React.createElement()

React.createElement('태그이름' | React 컴포넌트 | React fragment, props, children)

위의 방식으로 element를 생성합니다.
하지만 복잡한 컴포넌트는 생성하는데 어려움이 큽니다. -> JSX를 이용

JSX

babel를 통해 JSX는 순수 JS로 변환됩니다.
이 변환된 JS는 React.createElement()입니다.

	<div>hello</div> => babel => React.createElement('div', null, 'hello');