더핑크퐁컴퍼니 기술 블로그 - Medium · 2022. 07. 14.

Jotai는 조-타이 라고 읽습니다.

AI 엔지니어링 브리핑

프로젝트가 커질수록 여러 화면에서 함께 쓰는 상태를 효율적으로 관리하기 위해 Jotai를 검토하고 도입한 과정을 소개합니다.

문제 & 배경

문제 & 배경: React의 state와 props만으로 관리하기에는 공유 상태가 늘어날수록 props를 여러 단계로 전달해야 하는 prop drilling과 복잡한 관리 문제가 생겼습니다.

기술 & 해결책

기술 & 해결책: Redux·Context API·Recoil·Jotai를 비교한 뒤, Jotai를 가벼운 상태 관리 도구로 선택해 공유 상태를 독립적으로 다루고 Context API에서 발생할 수 있는 불필요한 하위 컴포넌트 렌더링 문제를 줄이고자 했습니다.

교훈 & 주의점

교훈 & 주의점: 상태 관리 도구는 프로젝트 상황에 맞춰 선택해야 하며, Redux는 자료와 디버깅 지원이 강한 대신 설정 코드가 많고, Context API는 값 변경 때 불필요한 렌더링을 주의해야 하며, Jotai는 Recoil보다 번들 크기가 작다는 특징이 있습니다.

내용이 비슷해요

내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.