#Hooks5개

Frontend

React 18 동시성 렌더링 핵심 가이드: 자동 배칭부터 useTransition, useId까지

React 18의 동시성 렌더링, 자동 배칭, useTransition, useId 등 핵심 기능으로 UI 응답성과 사용자 경험을 개선하는 방법을 정리합니다.

02024. 11. 24.

Frontend

React 커스텀 훅 useStateWithHistory로 Undo/Redo 구현하기

useRef와 커스텀 훅으로 상태 이력을 관리해 Undo/Redo 기능을 구현하는 방법을 정리합니다.

02022. 8. 29.

Frontend

useReducer로 만드는 useFetch 커스텀 훅

서버 데이터를 fetch하면서 로딩과 에러 상태를 함께 관리하는 useFetch 커스텀 훅을, 기본 버전과 useReducer 버전 두 가지로 만들어 봅니다.

02022. 8. 29.

Frontend

실무에서 두루 쓰는 React 커스텀 Hook 4가지

useToggle, useTimeout, useDebounce, useUpdateEffect 등 대부분의 프로젝트에서 재사용하기 좋은 React 커스텀 Hook을 코드와 함께 정리합니다.

02022. 7. 27.

Frontend

React 18 useTransition으로 무거운 작업 중에도 입력 응답성 유지하기

React 18 useTransition으로 업데이트 우선순위를 나눠 무거운 필터링 중에도 입력 응답성을 유지하는 방법을 정리합니다.

02022. 7. 24.