Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- State
- Java
- useEffect
- docker
- NapuCon2016
- SpringCamp2017
- 진1926
- Replacation
- 판교
- 바스트로37
- 고릴라볼링장
- 오삼철판볶음
- 신미낙지
- SpringCamp
- 전나라동동공주
- DockerCompose
- BDD
- MariaDB
- 강다니엘
- NVM
- SetMail
- react
- SpringCamp2019
- react component
- Hook
- Spring
- SpockFramework
- nginx
- 오뚜기숯불소금구이
- 양살치살
Archives
- Today
- Total
Note
React Hook 소개 본문
소개
React의 Hook은 클래스형 컴포넌트에서의 복잡성(this의 scope)과 라이프사이클 메소드의 복잡성 등 클래스형 컴포넌트의 여러 문제점을 보완하기 위해 나왔습니다.
React 공식문서에 따르면 Hook은 다음과 같은 특징을 가지고 있습니다.
- 기존의 코드를 다시 작성할 필요 없이 일부 컴포넌트 안에서 Hook을 사용할 수 있습니다.
- 호환성을 깨뜨리는 변화가 없습니다.
- 기존의 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