๋ฐ์ํ
Intro
์๋ ํ์ธ์. ์ด๋ฒ ์๊ฐ์๋ React Zustand ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ํด ์์๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค.
Zustand
๋ฆฌ์กํธ๋ฅผ ๊ณต๋ถํ์ ๋ถ์ด๋ผ๋ฉด, ์ํ (State)๋ผ๋ ๊ฐ๋ ์ ๋ํด ๋ค์ด๋ณด์ จ์ ๊ฒ๋๋ค. ๊ฐ๋จํ ๋งํ์๋ฉด React Zustand๋ ๋ฆฌ์กํธ์์ ์ฌ์ฉ๊ฐ๋ฅํ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.
๋ฆฌ์กํธ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ Redux, MobX ๋ฑ์ด ์กด์ฌํ์ง๋ง Zustand๋ ์ ๋ผ์ด๋ธ๋ฌ์ ๋นํด ๋ ๊ฐ๋ณ๊ณ ๊ฐ๋จํ๊ฒ ํ์ฉํ ์ ์์ต๋๋ค.
Zustand Features
- Zustand๋ State๋ฅผ ์ ์ญ์ผ๋ก ๊ด๋ฆฌํ๋ฉฐ ์ปดํฌ๋ํธ ๊ฐ์ ๊ณต์ ๋๋ State Container๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ด Container ๋ ๋ฆฌ์กํธ ์ปดํฌ๋ํธ์์ ์ง์ ์ฌ์ฉํ ์ ์์ผ๋ฉฐ useStore()์ ํตํด ์ํ๋ฅผ ๊ฐ์ ธ์ค๊ณ (get), ์ ๋ฐ์ดํธ (set) ํ ์ ์์ต๋๋ค.
- Zustand ๋ ๋น๋๊ธฐ ์ํ ์ ๋ฐ์ดํธ, ๋ฏธ๋ค์จ์ด ๊ธฐ๋ฅ, ์บ์ฑ ๋ฑ์ ๋ค์ํ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด ๊ธฐ๋ฅ๋ค์ ํตํด ์ํ๊ด๋ฆฌ๋ฅผ ๋์ฑ ํจ์จ์ ์ผ๋ก ํ ์ ์์ต๋๋ค.
๋ฐ์ํ