Jotai Tutorial의 Tutorial

Jotai란?

Primitive and flexible state management for React

공식 홈페이지에서 소개하기를 리액트를 위한 간단하면서 유연한 상태 관리 라이브러리라고 한다.

또한 Recoil에서 영감을 받은 상향식 원자적 접근법(atomic approach)을 적용했다고 하는데
atom을 결합하여 state를 구축하고, atom의 종속성에 따른 자동 렌더링 최적화가 적용이 되며 이에 따라 React context의 추가 리렌더링 문제가 해결되며 memoization이 필요하지 않다고 한다.

Recoil을 사용해본 적이 없어서 위 문장이 아직 무슨 말인지 정확히 모르겠지만 대강 React context API의 단점을 보완했으며 state를 다루는데에 atom이라는 것을 사용하면서 보다 직관적으로 관리할 수 있을 것이라고 이해했다.

Jotai Tutorial

글로 보는 것도 좋지만 코드로 보는게 조금 더 빨리 이해가 되는 사람들을 위해(=필자) 찾아보다가 Jotai 라이브러리의 사용 방법을 코드로 자세하게 설명하고 있는 jotai-tutorial github을 발견해서 하나하나씩 알아보려 한다.

해당 github의 내용은 다음 링크에서 쉽게 확인할 수 있으며 글을 작성하는 현재 jotai v2.0.2 기준으로 설명하고 있다.

설치

만약 jotai 설치부터 진행하고 싶다면 먼저 인스톨하자.

# npm
npm i jotai

# yarn
yarn add jotai

# pnpm
pnpm install jotai