λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

πŸ“ Study/❄️ React

useSyncExternalStore? πŸ’‘ ν•™μŠ΅ 곡유 μŠ€ν„°λ””μ—μ„œ λ°œν‘œλ₯Ό μœ„ν•΄ μ •λ¦¬ν•œ κΈ€μž…λ‹ˆλ‹€. 🀐 λΉ λ₯Έ μž‘μ„±μ„ μœ„ν•΄ 음슴체둜 μž‘μ„±λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. ☠️ ν•™μŠ΅ 쀑에 μž‘μ„±ν•œ κΈ€μ΄λ―€λ‘œ λ‚΄μš©μ— 였λ₯˜κ°€ μžˆμ„ 수 μžˆμŠ΅λ‹ˆλ‹€! πŸ₯° 였λ₯˜λ₯Ό λ°œκ²¬ν•˜μ‹ λ‹€λ©΄ λŒ“κΈ€λ‘œ μ•Œλ €μ£Όμ‹œλ©΄ κ°μ‚¬ν•˜κ² μŠ΅λ‹ˆλ‹€! βœ”οΈ useSyncExternalStore μ™œ λ‚˜μ˜΄? 1. React 18의 ν˜μ‹ , Concurrency React νŒ€μ€ React 18을 λ°œν‘œν•˜λ©΄μ„œ, 이번 λ¦΄λ¦¬μ¦ˆλŠ” λ™μ‹œμ„±(Concurrency) 의 λ„μž…μœΌλ‘œ λ Œλ”λ§ 엔진 κ°œμ„ (μžλ™λ°°μΉ­)κ³Ό μ‚¬μš©μž κ²½ν—˜ ν–₯상(transition, suspense)에 μ§‘μ€‘ν–ˆλ‹€κ³  함. λ™μ‹œμ„±μ΄ λ¨Όλ””? 이름 κ·ΈλŒ€λ‘œ μˆœμ„œμ— 상관없이 λ™μ‹œμ— μˆ˜ν–‰ 될 수 μžˆλŠ” μ„±μ§ˆ. ν”„λ‘œκ·Έλž˜λ° 적인 κ°œλ…μœΌλ‘œ λ§ν•˜λ©΄ ν”„λ‘œκ·Έλž¨μ„ λ…λ¦½μ μœΌλ‘œ 싀행될 수 μžˆλŠ” μ—¬λŸ¬ 쑰각으둜 λ‚˜λˆ„μ–΄ .. 더보기