๐ย Reference
๐ย Chapter
Zustand
Redux
Recoil
Mobx
โฃ
React Query
Jotai
- Jotai
- ์ฃ ํ์ด
- ์กฐํ์ด
- ์ผ๋ณธ์ด๋ก โstate(์ํ)โ๋ฅผ ์๋ฏธํ๋ค.
- Recoil๊ณผ ์ ์ฌํ ๋ฐฉ์์ผ๋ก ์ํ ๊ด๋ฆฌ๋ฅผ ์ ๊ณตํ๋ค.
- React๋ฅผ ์ํ ๊ฐ๋ณ๊ณ ์ ์ฐํ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค.
- ์ผ๋ณธ์ด๋ก "์ํ"๋ฅผ ์๋ฏธํ๋ ๋จ์ด์์ ์ด๋ฆ์ ๋ฐ์์ผ๋ฉฐ, Recoil์์ ์๊ฐ์ ๋ฐ์ ์์์ (Atomic) ์ํ ๊ด๋ฆฌ ๋ฐฉ์์ ์ฑํํ๊ณ ์๋ค.
ํน์ง
1. ์์(Atom) ๊ธฐ๋ฐ์ ์ํ ๊ด๋ฆฌ
- Atom
- Jotai์ ํต์ฌ ๊ฐ๋
์ผ๋ก, ์ ํ๋ฆฌ์ผ์ด์
์ํ์ ๊ฐ์ฅ ์์ ๋
๋ฆฝ์ ์ธ ๋จ์๋ฅผ ๋ํ๋ธ๋ค.
- React์
useState
์ ์ ์ฌํ ๋ฐฉ์์ผ๋ก ์ํ๋ฅผ ์ ์ํ๊ณ ์ฌ์ฉํ ์ ์์ง๋ง, ๊ทธ ์ํ๋ ์ ์ญ์ ์ผ๋ก ์ ๊ทผ ๊ฐ๋ฅํ๋ค.
- Bottom-up ๋ฐฉ์
- ์์ Atom๋ค์ ์กฐํฉํ์ฌ ๋ ๋ณต์กํ ์ํ๋ ํ์ ์ํ(Derived State)๋ฅผ ๋ง๋ค ์ ์๋ค.
2. ๊ฐ๋จํ๊ณ ์ต์ํ๋ API
- ์ฌ์ด ์ฌ์ฉ๋ฒ
- API๊ฐ ๋งค์ฐ ๋จ์ํ์ฌ ํ์ต ๊ณก์ ์ด ๋ฎ๋ค.
- ๋ง์น React์ ํ
(Hook)์ ์ฌ์ฉํ๋ ๊ฒ ๊ฐ์ ์ง๊ด์ ์ธ ๊ฒฝํ์ ์ ๊ณตํ๋ค.
atom()
: ์ํ(Atom)๋ฅผ ์์ฑํ๋ค.
useAtom()
: ์ปดํฌ๋ํธ์์ Atom์ ๊ฐ๊ณผ ์
๋ฐ์ดํธ ํจ์์ ์ ๊ทผํ๋ ๋ฐ ์ฌ์ฉ๋๋ ํ
์ด๋ค. (React์ useState
์ ์ ์ฌ)