React Hooks란?

React Hooks의 등장 배경

React에서 컴포넌트를 만들기 위해 두 가지 방법이 있다.

1. Functional Components
2. Class-based Components

Functional Component

• return을 통해서 무언가를 화면에 출력하는데에 제한되어 있었다.(props를 받고, JSX를 return)
• 내부 state를 변경할 수 없었다.

Class-based Component

• 상태를 포함하고, 상태를 관리할 수 있다.
• 하지만, 단점은 작성할 코드의 양이 많다는 점이다.

하지만, 2018년 리액트 16.8버전이 배포되면서, React Hooks를 통해 함수형 컴포넌트에서도 state를 관리할 수 있다.

그렇다면 React Hooks란 무엇인가?

React Hookssms 함수형 컴포넌트에서 사용할 수 있는 특별한 함수이다.

• useState()
• useEffect()
• useABC() -> custom hook
  와 같이 use로 시작된다.

이러한 함수들은 함수형 컴포넌트에 추가적인 능력을 더해준다.
예를들면, useState()는 함수형 컴포넌트가 내부 state를 관리할 수 있도록 기능을 추가해준다.