Note

React Hook 소개 본문

Dev/React

React Hook 소개

레모네모 2020. 2. 17. 23:14

소개

React의 Hook은 클래스형 컴포넌트에서의 복잡성(this의 scope)과 라이프사이클 메소드의 복잡성 등 클래스형 컴포넌트의 여러 문제점을 보완하기 위해 나왔습니다. 

React 공식문서에 따르면 Hook은 다음과 같은 특징을 가지고 있습니다.

 

  1. 기존의 코드를 다시 작성할 필요 없이 일부 컴포넌트 안에서 Hook을 사용할 수 있습니다.
  2. 호환성을 깨뜨리는 변화가 없습니다.
  3. 기존의 React 컨셉을 대체하지 않고 좀 더 직관적인 API를 제공합니다.

공식문서에 따르면 React에서 클래스형 컴포넌트를 제거할 계획이 없고 계속 지원할 예정이니 Hook이 당장 필요하지 않다면 Hook을 사용할 필요는 없다고 합니다. 또한, 기존의 코드를 Hook을 사용해서 리팩토링하는 것 보다는 Hook이 필요하다면 점진적으로 앞으로 추가되는 코드에서 Hook을 사용할 것을 권장하고 있습니다.

References

'Dev > React' 카테고리의 다른 글

React Hook - useEffect  (0) 2020.02.18
React Hook - useState  (0) 2020.02.17
React ref  (0) 2019.12.16
React Lifecycle  (0) 2019.12.15
React Events  (0) 2019.12.15
Comments