뒤로 가기
홈으로 이동
러닝패스
공유하기
리액트 훅(React hook) 이해하기의 대표 이미지

리액트 훅(React hook) 이해하기

무료

⚡ 12개의 콘텐츠로 2시간이면 이런걸 할 수 있어요!

useState
useMemo
useEffect
useCallback
React.memo
useRef
useReducer
useLayoutEffect
useContext
useTransition
useDeferredValue
선언적으로 커스텀 훅을 짜는 방법
이 분들은 꼭 보세요.
리액트 hook 입문자
미리 알고 있어야 해요.
자바스크립트 문법

이 러닝패스에서는 함수형 컴포넌트에서 쓰이는 거의 모든 hook들에 대해 설명합니다. hook에 익숙하지 않으신 분들이 hook에 대해 감을 잡기에 적당한 영상이라 판단하고 선정된 것들로만 러닝패스를 구성시켰습니다. 대부분의 노트가 영어로 진행되지만 중요 설명을 상세히 노트로 적어놓았으므로 걱정하지 않으셔도 좋고 오히려 텍스트가 제공되므로 강의를 다 보지 않고도 내용 이해를 빠르게 할 수 있습니다.

*마지막 학습노트에서는 2020 FEConf에서 당근마켓 원지혁 개발자님이 훅을 선언적으로 리팩토링하는 부분을 다룹니다. 훅의 문법을 익힌 것만으로 만족하신 분은 넘어가셔도 좋지만 훅의 문법을 어느정도 알지만 이를 활용해 읽기 좋은 커스텀 훅을 짜는 것에 갈증을 느끼셨던 분이라면 학습을 추천드립니다.

그럼 시작해볼까요?

이 러닝패스가 어땠나요?
(내 보관함에서 다시 볼 수 있어요)
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기