[리액트] Hooks

1.Hook이란?

Hook이 탄생하게 된 계기

• 기존 함수 컴포넌트는 클래스 컴포넌트의 기능(state, lifecycle method)을 사용할 수 없었음

• 클래스 컴포넌트보다 함수 컴포넌트의 비중이 늘면서 클래스 컴포넌트의 상태 관리, Lifecycle method 등의 기능을 함수 컴포넌트 내에서 사용하기 위한 방법이 바로 Hook

• Hook을 이용하면 클래스 컴포넌트의 기능을 함수 컴포넌트 내에서 동일하게 구현 가능.

• state와 생명주기 기능 등에 갈고리를 걸어 (함수 컴포넌트 내에서) 원하는 시점에 정해진 함수가 실행되도록 만든 것 → Hooks

• Hook이란 그냥 javascript 함수인데 React가 정한 특별한 규칙을 따르고 함수 내부에서 상태 관리가 가능한 것 뿐이다. 어렵게 생각 No No!

• 개발자가 직접 커스텀 훅(Custom Hook)을 만들어서 사용도 가능함.
  단, 훅의 규칙을 준수하여 만드는 것이 좋음.

인용 자료 출처
처음 만난 리액트