Context

  • ์ „์—ญ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ

์—ฌ๋Ÿฌ ์ปดํฌ๋„ŒํŠธ์— ์ „๋‹ฌํ•ด์ค˜์•ผ ํ•˜๋Š” props์˜ ๊ฒฝ์šฐ(ex. ํ…Œ๋งˆ, ์–ธ์–ด) context๋ฅผ ์ด์šฉํ•˜๋ฉด ๋‹จ๊ณ„๋งˆ๋‹ค ๋ช…์‹œ์ ์œผ๋กœ props๋ฅผ ๋„˜๊ฒจ์ฃผ์ง€ ์•Š์•„๋„ ์—ฌ๋Ÿฌ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์ด ๊ฐ’์„ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋‹ค.

Redux์™€์˜ ์ฐจ์ด

  1. ๋ฏธ๋“ค์›จ์–ด (Middleware)

reducer์—์„œ ์ฒ˜๋ฆฌ๋˜๊ธฐ ์ „, ์›ํ•˜๋Š” ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค.
ex. ํŠน์ • ์•ก์…˜์„ ๋ฌด์‹œํ•˜๊ฑฐ๋‚˜ ์•ก์…˜์ด ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ๋กœ๊ทธ๋ฅผ ์Œ“๋Š” ๋“ฑ 2. ์œ ์šฉํ•œ ํ•จ์ˆ˜์™€ ํ›…
useSelector, useDispatch, useStore์™€ ๊ฐ™์€ ํ›…์„ ํ†ตํ•ด ์†์‰ฝ๊ฒŒ ์ƒํƒœ๋ฅผ ์กฐํšŒํ•˜๊ฑฐ๋‚˜ ์•ก์…˜์„ ๋””์ŠคํŒจ์น˜ํ•  ์ˆ˜ ์žˆ๋‹ค. 3. ํ•˜๋‚˜์˜ ์ปค๋‹ค๋ž€ ์ƒํƒœ
redux๋Š” ๋ชจ๋“  ๊ธ€๋กœ๋ฒŒ ์ƒํƒœ๋ฅผ ํ•˜๋‚˜์˜ ๊ฐ์ฒด์— ๋„ฃ์–ด ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ํ•„์ˆ˜์ด๋‹ค.