[React] 함수형 컴포넌트

Why Function Component?

class component가 유행처럼 쓰이고 있다가, 갑자기 function component가 대두됨

• 함수형으로 만드는 게 좀 더 직관적
• 예전에는 왜 함수형 컴포넌트를 사용하지 않았음?
  • LifeCycle
    • 컴포넌트가 화면에 렌더링되고, 빠져나오는 것
    • 화면 내에서 컴포넌트의 변화를 캐치해야함
    • Component Render 시점, re-render 시점을 고려하는 게 거의 불가능했음
    • React Hooks
      • a라는 action이 실행될 때 a와 같이 실행되는 함수를 지정하는 것.
• 함수형 컴포넌트가 실행되는 속도가 좀 더 빠름
• 단순히 장황하다의 문제가 아니라, 안정적인 코드를 만들어나가는 데에 도움이 됨
• Hooks는 함수로 뺄 수 있음
  • useEffect
    • 하나의 비즈니스 로직을 여러 파일에서 import해와서 쓰는 방식을 취하는 방식
  • 관심사를 분리
  • cutomos