react-component

1.15줄에서 2줄로: useSyncExternalStore 기반 React Toast 시스템 설계법

post-thumbnail

React 18의 useSyncExternalStore를 활용해 Toast 컴포넌트의 상태 관리 코드를 70% 줄이는 방법을 소개합니다. 기존 15줄의 useState/useEffect 코드를 2줄로 압축하고, 전역 접근가능한 타입 안전 Toast 시스템을 구축합니다

2025년 6월 29일

2.Type Guard를 활용한 여러가지 Button 구현하기

post-thumbnail

Type Guard를 활용한 여러가지 Button 만들기

2025년 7월 6일

3.Context API를 활용한 DropZone 구현하기

post-thumbnail

React Context API와 컴파운드 컴포넌트 패턴으로 확장 가능한 DropZone 구현하기. Mantine 라이브러리 분석부터 실무 적용까지, 상태 관리와 재사용성을 고려한 고급 React 패턴 완전 가이드. TypeScript, 성능 최적화 예제 코드 포함

2025년 7월 29일