221128(μ)
π μ±μ₯μΌμ§ 3.0
μ±
ν볡ν μ΄κΈ°μ£Όμμ(μ¨μΈ λ€μ΄μ΄)
μ λ΄μ©μ μκ·Ήλ°μ μμνλ μλ°ν μ±μ₯κΈ°λ‘
μ΄μμλ κ½κ³Ό μ£½μ κ½μ μ΄λ»κ² ꡬλ³νλκ°?
μ±μ₯νκ³ μλ κ²μ΄ μ΄μ μλ κ²μ΄λ€.
μλͺ μ μ μΌν μ¦κ±°λ μ±μ₯μ΄λ€!
π³ ν€μλ (1.0)
μ΅λν κ°λ¨νκ² μ 리, μΆνμ 보면μ μ€μ€λ‘ μ€λͺ
π κ²½ν μμ£Όλ‘ (2.0)
λ¨μ μ 보λ₯Ό μ λ¬νκΈ°λ³΄λ€ λ¬΄μμ λ°°μ κ³ μ΄λ»κ² ν΄κ²°νλμ§ μ§§κ³ κ°λ¨νκ² μμ±
βοΈ μ ν΄μ§ ν νλ¦Ώμ λ§μΆ°μ (3.0)
ν€μλ, κ²½ν λͺ¨λ μ’λ€. λ€λ§ λ§€μΌ μμ±νκΈ°λ‘ λ§μ λ¨Ήμλ§νΌ ν΅μ¬λ§ κ°κ²°νκ² μ 리ν μ μκ² ν νλ¦Ώμ μμ±
π μ€λμ ν€μλ
- 리μ‘νΈ
- Context APIλ₯Ό ν΅ν props drilling λ°©μ§
- useReducer νμ© μ¬ν
- νμ
μ€ν¬λ¦½νΈ
- 곡λ³μ±κ³Ό λ°κ³΅λ³μ±(κ·Έλ¦¬κ³ μ΄λ³μ±, λΆλ³μ±)
- μ€λ²λ‘λ©(λ κΉλν 건 μ΅μ λ)
π μμ½ λ° ν루 κ°λ¨ νκ³
Context APIλ₯Ό ν΅ν΄ μ μμμ μνλ₯Ό κ΄λ¦¬νλ κ² νΈλ¦¬νκΈ΄ νλ€. λ¬Όλ‘ μ»΄ν¬λνΈ κΉμ΄κ° κΉμ§λ μμμ μ΄ μ λκ² μ§λ§, ν¨μ¬ ν° νλ‘μ νΈμμλ λ λΉμ λ°ν κ²μ΄λΌ μκ°νλ€. λν μ λ²μ useReducerμ dispatchλ κ²°κ΅μ propsλ‘ μ λ¬ν΄μΌνλ€λ³΄λ λκ° μμ¬μ λλ°, Context APIμ dispatchλ λ΄μμ κ΄λ¦¬νλ ν¨μ¬ νΈν κ² κ°λ€. λ€λ§, μ΄λ κ² μνκ° λ€μν κ³³μμ μ°μ΄λ€λ³΄λ useEffect, useCallback, useMemoμ κ°μ ν λ€μ deps μΈμκ° ν·κ°λ¦΄ λκ° μλ€. μ΄κ±΄ κ³μ μ½λλ₯Ό μ¨λ³΄λ©΄μ μ°μ΅νλλ‘ νμ.
νμ μ€ν¬λ¦½νΈμ 곡λ³μ±, λ°κ³΅λ³μ±μ΄ μ²μμ ν·κ°λ Έλλ° μ΄ν΄νκ³ λλ μκ·Ό μ¬μ λ€..?! νΉν ν¨μμ 맀κ°λ³μκ° λ°κ³΅λ³μ±μ΄λΌλ μ μ΄ μ½κ² μ΄ν΄κ° μκ°λλ° λλ§μ μμλ‘ μκ°νκ³ λ³΄λ λΉμ°νκ² μκ°λκ² λμλ€. 곡λΆν μλ‘ μ¬λ―Έμλ κ² νμ μ€ν¬λ¦½νΈκ°λ€.