React 전역 상태 관리, 무슨 라이브러리 써야 할까? \:\ Redux, Zustand 특징과 장단점 비교
React 전역 상태 관리가 필요한 이유와 Context API의 한계를 먼저 설명했습니다. 이어서 Redux와 Zustand의 특징, 장단점을 비교해 선택 기준을 정리했습니다.
#React#Redux
4700
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
새 배송지 추가 form 개발하기
배송지 추가 form을 만들며 상태, Context, ref, React Hook Form을 비교했습니다. 최종적으로 재렌더링과 관리 복잡도를 줄이기 위해 React Hook Form을 선택했습니다.
#Next.js#React Hook Form
3300
Jotai는 조-타이 라고 읽습니다.
Jotai를 Redux·Context API·Recoil과 비교하며 도입 배경과 선택 기준을 정리했습니다.\natom, 파생 atom, Provider, 주요 유틸과 참조 안정성 주의점을 소개합니다.
#React#Jotai
2300
“잘” 사용할 수 있는 디자인 시스템 컴포넌트 만들기
Styled System과 타입 제약으로 Button variation을 표준화하고 재사용성을 높였습니다. Context API 기반 ModalProvider로 중첩 모달과 공통 패턴을 관리했습니다.
#React#Styled System
3300
CSS in JS 라이브러리에서 Typesafe하게 Theme 관리하기
Emotion과 React Context API로 타입 안전한 중첩 테마 확장 방식을 소개했습니다.\nemotion 11의 타입 변경에 대응해 styled 타입을 재정의하는 방법도 다뤘습니다.
#React#TypeScript
2700
Context API가 Redux를 대체할 수 있을까요?
Context API와 Redux의 역할 및 상태 관리 방식의 차이를 비교했습니다. 고급 상태 추적·재현 기능이 없다면 Context API 활용을 권장합니다.
#React#Redux
1600