Hooks [1편]

99bang2·5일 전
0

react

목록 보기
1/3
post-thumbnail

Hooks을 왜 쓰는건가요?

React를 공부하다가 Hooks이라는 게 나와서 잠시 react 사이트에 들어가서 개요부터 읽어보았다. 이해한 내용을 바탕으로 velog를 남긴다.

크게 문제점은 3가지로 나와있다.
1. It’s hard to reuse stateful logic between components
-> Hook은 계층 변화 없이 상태 관련 로직을 재사용할 수 있도록 도와준다.
2. Complex components become hard to understand
-> Hook을 통해 로직에 기반을 둔 작은 함수로 컴포넌트를 나눌 수 있다.
3. Classes confuse both people and machines
-> Hook은 Class없이 React 기능들을 사용하는 방법을 알려준다.

Hook을 이용하면서 위의 문제들이 어떻게 해결되어 가는지 알아보도록 하겠다.

첫 번째, State Hook

useState는 인자로 초기 state 값을 하나 받습니다
예시

두 번째, Effect Hook

Effect hook은 'side effect( React 컴포넌트 안에서 데이터를 가져오거나 구독하고, DOM을 직접 조작하는 작업을 말한다.)'를 수행할 수 있게 해준다.
예시

위의 두개의 Hook이 대표적인 것 같다.

자! 두 가지 내용으론 아무것도 알 수 없었다.
그러므로, 공부를 더해서 2편에 연재하는 걸로 해야지!

profile
개념있게 발전하는 자

0개의 댓글