본문 바로가기

웹/리액트, 리액트 네이티브

react 리액트를 사용하는 이유, 리액트에서 함수형 컴포넌트를 사용하는 이유

  • 강력한 커뮤니티
  • 확장성 - next.js, getsby.js 등
  • react-native
  • 경쟁상대의 부재
  • 커리어
  • 채용문제

----

함수형 컴포넌트의 사용이 주류가 된 이유

원래 함수형 컴포넌트에서는 클래스 컴포넌트 생명주기(componentDidMount 등)를 사용할 수 없어서 컴포넌트가 변화된 후 리렌더링을 할 수가 없었다. 그러나 리액트 훅의 등장으로 함수형 컴포넌트에서도 이것이 가능해졌다. + 지금은 함수형 컴포넌트가 성능 면에서도 더 뛰어나다(실행되는 속도가 조금 더 빠름). 

hooks란?

쉽게 말하면 A라는 액션이 실행될 때 A라는 액션과 동시에 실행되는 함수를 정의하는 것이다.

또한 hooks는 기본적으로 함수로 뺄 수 있기 때문에 useEffect()에서 실행해야 하는 함수를 별도의 파일로 만들어서 사용함으로써 하나의 비즈니스 로직을 여러 컴포넌트에서 재활용할 수 있다. 이것은 클래스 컴포넌트에서는 불가능했었다. 즉 비즈니스 로직과 ui 로직 분리가 간편!