[#6] React Hooks

📒 Class Component vs Functional Component 비교

•  

  Class Component	Functional Component
  Provide more features	Provide less features
  Longer Code	Shorter Code
  More Complex Code	Simpler Code
  Slower Performance	Faster Performance

Class Component(좌) / Functional Component(우)

• React 16.8 Hooks update.

📒React Hook 대략적 구조

• constructor: state를 할당.
• render: HTML DOM Tree에 알맞게 넣어서 화면에 띄워줌.
• componentDidMount: 하고자 하는 동작.

*React Hook에서는?

• this. state -> useState
• componentDidMount -> useEffect