개발
리액트 딥다이브 : 실무로 끝내는 React 18
왜 리렌더가 일어나는지부터 상태관리 설계까지, 현업에서 막히는 지점만 골라 깊게 파는 강의.
★★★★★4.9(수강평 1,284개)·수강생 8,420명·김도현 멘토
▶
미리보기 02:31이 강의에서 배우는 것
✓React 18의 동시성 렌더링과 Suspense 동작 원리
✓useMemo · useCallback로 불필요한 리렌더 잡아내기
✓커스텀 훅으로 상태 로직을 재사용 가능하게 분리하기
✓Context와 외부 상태관리(Zustand) 적재적소 선택
✓React Query로 서버 상태를 깔끔하게 다루는 패턴
✓테스트와 함께 안정적으로 리팩터링하는 습관
커리큘럼
총 4개 섹션 · 12강 · 3시간 36분1. 다시 보는 렌더링의 기본
3강- ▷오리엔테이션 : 이 강의의 사용법08:24
- ▷리액트는 화면을 어떻게 그리는가17:02
- ▷리렌더가 일어나는 진짜 조건21:38
2. 성능을 지키는 최적화
3강- ▷메모이제이션 3종 세트 제대로 쓰기24:11
- ▷리스트 렌더링과 key의 함정15:47
- ▷프로파일러로 병목 찾기 실습19:05
3. 상태 관리 설계
3강- ▷지역 상태 vs 전역 상태 경계 긋기18:33
- ▷Zustand로 가볍게 전역 상태 다루기22:50
- ▷React Query로 서버 상태 분리하기26:14
4. 실무로 마무리하기
3강- ▷테스트 코드와 함께 리팩터링23:19
- ▷배포 전 점검 체크리스트12:40
- ▷수료 과제 안내 및 마무리06:55
수강평
★★★★★4.9· 1,284개장서윤
★★★★★리렌더가 왜 일어나는지 늘 막연했는데, 이 강의 보고 머릿속이 정리됐어요. 실습이 많아서 바로 회사 코드에 적용했습니다.
오현우
★★★★★메모이제이션 파트가 특히 좋았습니다. 무작정 useMemo 쓰던 습관을 고쳤어요. 설명이 군더더기 없이 깔끔합니다.
신예린
★★★★★내용은 알차지만 초반 난이도가 살짝 높아요. 기본기가 있는 분께 추천. 후반 상태관리 챕터는 정말 만족스럽습니다.