๐ฟ Redux ์ด์ธ์ ์ ์ญ ์ํ๊ด๋ฆฌ : jotai, mobx, recoil ์์ ์ฐจ์ด๋ฅผ ๊ฐ๋จํ ๋น๊ตํด๋ณด๋ ค๊ณ ํ๋ค.
๐ฟmobx
Redux ์์ ์ฐจ์ด์ :
1. ๊ฐ์ฒด ์งํฅ์ ์ธ ์ํ ๊ด๋ฆฌ:
MobX๋ ๊ฐ์ฒด ์งํฅ์ ์ธ ๋ฐฉ์์ผ๋ก ์ํ๋ฅผ ๊ด๋ฆฌํ๋ฉฐ, ๊ด์ฐฐ ๊ฐ๋ฅํ ๊ฐ์ฒด๋ฅผ ํตํด ์ํ ๋ณํ๋ฅผ ์ถ์ ํฉ๋๋ค.
2. ๋ค์ํ ํ๋ ์์ํฌ ์ง์:
MobX๋ React, Vue, Angular ๋ฑ ๋ค์ํ ํ๋ ์์ํฌ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
3. ์๋ ๋ฆฌ๋ ๋๋ง:
MobX๋ ์ํ ๋ณํ๊ฐ ๊ฐ์ง๋๋ฉด ์๋์ผ๋ก ๊ด๋ จ๋ ์ปดํฌ๋ํธ๋ฅผ ๋ฆฌ๋ ๋๋งํ์ฌ ๊ฐ๋ฐ์๊ฐ ์๋์ผ๋ก ๊ด๋ฆฌํ ํ์๊ฐ ์์ต๋๋ค.
๐ฟ Jotai
Redux ์์ ์ฐจ์ด์ :
1. ์ ์ธ์ ์ธ ์ํ ๊ด๋ฆฌ:
Jotai๋ ์ ์ธ์ ์ธ ๋ฐฉ์์ผ๋ก ์ํ๋ฅผ ๊ด๋ฆฌํ๋ฉฐ, React ์ปดํฌ๋ํธ์ ๊ฐ๋จํ๊ฒ ํตํฉํ ์ ์์ต๋๋ค.
2. ์ํ ๊ฐฑ์ ์ต์ ํ:
Jotai๋ React์ ๋ฆฌ๋ ๋๋ง์ ์ต์ ํํ์ฌ ํ์ํ ๊ฒฝ์ฐ์๋ง ์ปดํฌ๋ํธ๋ฅผ ๋ค์ ๋ ๋๋งํฉ๋๋ค.
3. ์ฝ๋ ๊ฐ๊ฒฐ์ฑ:
Jotai๋ ๋จ์ํ API๋ฅผ ์ ๊ณตํ์ฌ ์ฝ๋์ ๊ฐ๋ ์ฑ๊ณผ ์ ์ง๋ณด์์ฑ์ ๋์ผ ์ ์์ต๋๋ค.
๐ฟRecoil
์ฐจ์ด์ :
1. ์์์ ์ํ ๊ด๋ฆฌ: Recoil์ ์์์ ์ธ ์ํ ๊ด๋ฆฌ๋ฅผ ์ ๊ณตํ์ฌ ๊ฐ๋ณ ์ํ๋ฅผ ๊ด๋ฆฌํ๊ณ ์ํ์ ์์กด์ฑ์ ์ถ์ ํ์ฌ ์๋์ผ๋ก ์
๋ฐ์ดํธํฉ๋๋ค.
2. ์ ์ธ์ ์ํ ์ ์: Recoil์ ์ ์ธ์ ์ธ ๋ฐฉ์์ผ๋ก ์ํ๋ฅผ ์ ์ํ๊ณ , ์ปดํฌ๋ํธ ๊ฐ์ ์ํ ๊ณต์ ๋ฅผ ๊ฐํธํ๊ฒ ํ ์ ์์ต๋๋ค.
3. React์ ํนํ: Recoil์ ์ฃผ๋ก React ์ ํ๋ฆฌ์ผ์ด์
์ ์ํ ๊ด๋ฆฌ๋ฅผ ์ํด ์ค๊ณ๋์์ต๋๋ค.
'๊ธฐ์ ๋ฉด์ ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
6_useEffect ์คํ ์์ (1) | 2024.02.07 |
---|---|
5_useRef ๋ ๋ฌด์์ธ๊ฐ? (0) | 2024.02.06 |
4_๊ฐ์ ๋(Virtual DOM & ์ค์ ๋(Real DOM) (0) | 2024.02.05 |
2_Redux ๋ ๋ฌด์์ธ๊ฐ? ์ ์ฌ์ฉํ๋๊ฐ? (0) | 2024.02.02 |
1_state & ์ํ๊ด๋ฆฌ (0) | 2024.02.01 |