ReactDX

2026.06.14

Suspense Query - 선언성을 댓가로 지불하는 Suspend 상태

useSuspenseQuery로 데이터를 가져오면 코드가 선언적으로 정리된다는 것은, TanStack Query를 쓰는 사람들 사이에서 거의 정설처럼 통합니다. 여기서 TanStack Query란 서버 상태를 다루는 데이터 fetching 라이브러리를 말합니다. 예전 이름은 React…

DXJavascript

2026.06.02

Turbo Cache 와 Github actions/cache 로 CI 시간 -94% 단축시키기

이 글은 사내에서 운영하는 두 monorepo — 디자인 시스템과 공통 유틸 패키지 CI에서 죽어 있던 cache를 살려, PR 머지 게이트를 단축시킨 과정을 정리합니다. 유틸 레포 기준 3분 46초에서 약 1분으로, 디자인 시스템 레포 기준 8~9분에서 약 29초로 -94% 까지…

ReactDX

2026.04.02

당신의 useEffect에 이름을 붙여야 하는 이유

useEffect에 이름을 붙여야 하는 이유

ReactDX

2026.03.14

Compound Component 부터 Headless Pattern까지 - (3)

이전 두 글에서 Compound Component의 기본 구현과 유연성을 높이는 심화 기법을 다뤘습니다. 이 글에서는 Compound의 마지막 한계인 style 종속 문제를 해결하는 Headless 패턴과, 두 패턴을 결합한 최종 형태인 Radix UI의 내부 설계를 분석합니다.

ReactDX

2026.03.11

Compound Component 부터 Headless Pattern까지 - (2)

이전 글에서 Context API 기반의 Compound Component를 구현하고, Select, Accordion, Tabs, ToggleGroup에 같은 공식을 적용했습니다. 이 글에서는 기본 패턴만으로 해결되지 않는 세 가지 한계와, 각각을 넘기 위한 기법을 다룹니다.

ReactDX

2026.03.08

Compound Component 부터 Headless Pattern까지 - (1)

React component를 설계할 때 props가 끝없이 늘어나는 문제를 겪어본 적이 있을 것입니다. 이 글에서는 그 문제를 해결하는 Compound Component Pattern의 기본 개념과 구현 방법을 다룹니다.