글

필터 5개

React

React 19 use() 훅 — Suspense와 통합된 데이터 페칭 패턴

Promise와 Context를 조건부로 읽을 수 있는 유일한 훅, use(). 기존 useEffect 기반 페칭과 무엇이 다른지 정리.

2026.09.02· 1분· 3· 0· 0

#react#react-19#suspense#use-hook

React

useId — SSR hydration mismatch를 방지하는 표준 패턴

폼 라벨, aria 연결에 unique id가 필요할 때 SSR-안전한 표준 훅. 한 번 호출해 suffix로 다중 id 만들기, Tabs 같은 다중 컨트롤 패턴까지.

2026.07.06· 1분· 5· 0· 0

#react#useId#accessibility#ssr

React

Server Component의 경계 — use client를 어디에 붙여야 하는가

기본은 Server, 인터랙션 필요한 잎에만 use client. children 패턴, Server Actions 폼, 직렬화 가능한 prop 규칙과 자주 헷갈리는 케이스 정리.

2026.07.02· 1분· 5· 0· 0

#react#nextjs#server-components#use-client

React

useTransition vs useDeferredValue — 둘이 정확히 무엇이 다른가

두 훅의 핵심 차이는 받는 것이 함수냐 값이냐. 탭 전환·검색 결과·라우트 이동 등 시나리오별 선택 기준과 같이 쓰는 패턴까지.

2026.06.29· 1분· 6· 0· 0

#react#concurrent#useTransition#useDeferredValue

TypeScript

제네릭 컴포넌트 타입 — 재사용 가능한 <List<T>> 만들기

List, Grid, Select 같은 재사용 컴포넌트에서 item 타입 T가 뒤로 새지 않게 만드는 패턴. forwardRef 캐스팅, keyExtractor 보조 함수, discriminated prop까지.

2026.05.21· 1분· 7· 0· 0

#typescript#react#generic-component#forwardRef

글

필터 5개

React

React 19 use() 훅 — Suspense와 통합된 데이터 페칭 패턴

Promise와 Context를 조건부로 읽을 수 있는 유일한 훅, use(). 기존 useEffect 기반 페칭과 무엇이 다른지 정리.

2026.09.02· 1분· 3· 0· 0

#react#react-19#suspense#use-hook

React

useId — SSR hydration mismatch를 방지하는 표준 패턴

폼 라벨, aria 연결에 unique id가 필요할 때 SSR-안전한 표준 훅. 한 번 호출해 suffix로 다중 id 만들기, Tabs 같은 다중 컨트롤 패턴까지.

2026.07.06· 1분· 5· 0· 0

#react#useId#accessibility#ssr

React

Server Component의 경계 — use client를 어디에 붙여야 하는가

기본은 Server, 인터랙션 필요한 잎에만 use client. children 패턴, Server Actions 폼, 직렬화 가능한 prop 규칙과 자주 헷갈리는 케이스 정리.

2026.07.02· 1분· 5· 0· 0

#react#nextjs#server-components#use-client

React

useTransition vs useDeferredValue — 둘이 정확히 무엇이 다른가

두 훅의 핵심 차이는 받는 것이 함수냐 값이냐. 탭 전환·검색 결과·라우트 이동 등 시나리오별 선택 기준과 같이 쓰는 패턴까지.

2026.06.29· 1분· 6· 0· 0

#react#concurrent#useTransition#useDeferredValue

TypeScript

제네릭 컴포넌트 타입 — 재사용 가능한 <List<T>> 만들기

List, Grid, Select 같은 재사용 컴포넌트에서 item 타입 T가 뒤로 새지 않게 만드는 패턴. forwardRef 캐스팅, keyExtractor 보조 함수, discriminated prop까지.

2026.05.21· 1분· 7· 0· 0

#typescript#react#generic-component#forwardRef