- ์ํ๊ด๋ฆฌ๋ ๋ฐ์ดํฐ๋ฅผ ์ ์ญ์ ์ผ๋ก ๊ด๋ฆฌํ์ฌ ๋ถํ์ํ ๋ ๋๋ง์ ์ค์ด๊ณ props drilling์ ํผํ ์ ์๋ค.
- ์ํ๋ค์ด ๋ณต์กํ๊ฒ ์ฝํ์๋ค ์ํธ์์กด์ฑ์ด ๋์UI๊ฐ ์ด๋ป๊ฒ ๋ณํ๋์ง ์๊ธฐ ์ด๋ ต๋ค.
ํ๋ก์ ํธ๊ฐ ์ปค์ง๊ณ state๊ฐ ์์ญ~์๋ฐฑ๊ฐ๊ฐ ๋๋ค๋ฉด ์ํ๊ด๋ฆฌ๊ฐ ๋น์ฐํ ํ์ํ ๊ฒ์ด๋ค.
1. context api
๊ฐ๋จํ ํ๋ก์ ํธ์์๋ props drilling์ ํผํ ์ ์๋ ์ข์ ๋์์ด ๋ ์ ์๋ค. useReducer๋ฅผ ๊ฐ์ด์ฐ๋ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค. useReducer๋ state๋ฅผ ํ ๊ณณ์์ ๊ด๋ฆฌํ ์ ์๊ฒ ํ๋ค.
2. redux
๋ณด์ผ๋ฌ ํ๋ ์ดํธ๊ฐ ๋ณต์กํ๋ค๊ณ ํ๋๋ฐ redux toolkit์ผ๋ก ์ฐ๋ฉด ๋ ์ฝ๊ณ ๊ฑฐ๊ธฐ์ ํ์ ์คํฌ๋ฆฝํธ๋ก ์ฐ๋ฉด ํฐ ํ๋ก์ ํธ ์ค์ผ์ผ๋งํ๊ธฐ๋ ํธํ๋ค๊ณ ํ๋ค.
"์ ๊ฐ ๊ฒฝํํ๊ฑธ๋ก๋ ์ผํ๋ชฐ ์ฅ๋ฐ๊ตฌ๋๊ฐ์๊ฑธ ๊ตฌํํ ๋ ์์ฒญ ์ ์ฉํ๋๋ผ๊ตฌ์ ์ฝ๊ฒ ์์ดํ ์ถ๊ฐ/์ ๊ฑฐ/์๋๋ณ๊ฒฝ๊ฐ์๊ฑธ ๊ตฌํํ ์์์๋ค์"
3. recoil
ํ์ด์ค๋ถ์์ ์ ๋์ ์ฅ์ ์ ๊ฐ์ ธ์ ๋ง๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ผ๊ณ ํ๊ณ ๋ฆฌ์กํธ์ ์น์ํ ๋ฌธ๋ฒ์ ์ ๊ณตํ๊ณ ์ฌ์ฉ์ด ๊ฐํธํ๋ค๊ณ ํ๋ค. ๋จ์ ์ TA๋์ด ๋ง์ํด์ฃผ์ จ๋๋ฐ ์์ง ์๋ฌด๊ฒ๋ ์ํด๋ณธ ๋๋ก์๋ ์ดํดํ ์ ์์ด์ ๊ธ๋ฐฉ ์์ด๋ฒ๋ ธ๋ค
'react' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[React] Styled-components ์ฌ์ฉ๋ฒ๊ณผ ์ ์ฉํ ๊ธฐ๋ฅ๋ค (0) | 2023.07.28 |
---|---|
[React] Recoil ์ฌ์ฉ ๋ฐฉ๋ฒ / ๊ณต์๋ฌธ์๋ฅผ ํตํด ์์๋ณด๊ธฐ (0) | 2023.07.26 |
[React]TIL (0) | 2023.07.18 |
[React] ๋ฐฐ์ด ๋ ๋๋ง ์ ์ฃผ์์ฌํญ (0) | 2023.07.08 |
[๋ฆฌ์กํธ๋ฅผ ๋๋์ฒด ์ ์ฐ๋๊ฐ!] React ์ฐ๋ ์ด์ ์ ๋ถ ์์๋ณด๊ธฐ (0) | 2023.07.06 |