Hooks

출처 - https://react.dev/reference/react

Hooks

Hooks를 사용하여 컴포넌트에서 다양한 리액트의 기능을 사용할 수 있다.
Hooks는 독립된 재사용 가능한 함수형 자바스크립트 기능이다.

---

State Hooks

State hooks는 유저가 입력한 정보처럼 기억된 컴포넌트이다.
useState와 useReducer가 있다.

---

Context Hooks

Context를 사용하면 component가 props를 사용하지 않고 멀리 떨어진 부모로부터 정보를 받을 수 있습니다. 예를 들어, 앱의 최상위 컴포넌트가 깊이에 관계없이 현재 UI 테마를 아래의 모든 구성 요소에 전달할 수 있습니다.

---

Ref Hooks

Refs는 컴포넌트가 렌더링에 사용되지 않는 정보들을 보관한다. state와는 다르게 ref를 업데이트해도 컴포넌트를 리렌더링되지 않는다. Refs는 리액트 패러다임에서의 탈출통로이다. Refs는 브라우저의 내장API처럼 리액트가 아닌 환경에서의 작업을 쉽게 해준다.

---

Effect Hooks

Effects는 컴포넌트를 외부시스템과 연결하거나 동기화 시켜주는 역할을 한다.

---

Performance Hooks

리렌더링을 최적화 하는 방법 중 하나는 불필요한 작업을 하지 않는것이다. 예를 들어 이전 렌더링과 비교하여 데이터가 변하지 않거나, 결과값을 cache에 저장하여 리렌더링을 건너뛴다.

출처 - https://react.dev/reference/react