221201(λͺ©)
π μ±μ₯μΌμ§ 3.0
μ±
ν볡ν μ΄κΈ°μ£Όμμ(μ¨μΈ λ€μ΄μ΄)
μ λ΄μ©μ μκ·Ήλ°μ μμνλ μλ°ν μ±μ₯κΈ°λ‘
μ΄μμλ κ½κ³Ό μ£½μ κ½μ μ΄λ»κ² ꡬλ³νλκ°?
μ±μ₯νκ³ μλ κ²μ΄ μ΄μ μλ κ²μ΄λ€.
μλͺ μ μ μΌν μ¦κ±°λ μ±μ₯μ΄λ€!
π³ ν€μλ (1.0)
μ΅λν κ°λ¨νκ² μ 리, μΆνμ 보면μ μ€μ€λ‘ μ€λͺ
π κ²½ν μμ£Όλ‘ (2.0)
λ¨μ μ 보λ₯Ό μ λ¬νκΈ°λ³΄λ€ λ¬΄μμ λ°°μ κ³ μ΄λ»κ² ν΄κ²°νλμ§ μ§§κ³ κ°λ¨νκ² μμ±
βοΈ μ ν΄μ§ ν νλ¦Ώμ λ§μΆ°μ (3.0)
ν€μλ, κ²½ν λͺ¨λ μ’λ€. λ€λ§ λ§€μΌ μμ±νκΈ°λ‘ λ§μ λ¨Ήμλ§νΌ ν΅μ¬λ§ κ°κ²°νκ² μ 리ν μ μκ² ν νλ¦Ώμ μμ±
π μ€λμ ν€μλ
- 리μ‘νΈ
- useLayoutEffect, useTransition, useDeferredValue
- 리λμ€
- 리λμ€λ κ·Έ μμ²΄λ‘ μνκ΄λ¦¬ λΌμ΄λΈλ¬λ¦¬.(리μ‘νΈμ 무κ΄νκ²)
- 리λμ€λ λ¨λ°©ν₯, ν¨μν νλ‘κ·Έλλ°μ μ² νμ΄ λ§μ΄ λ΄κ²¨ μλ€.
- store, action, dispatch, middleware, reducerμ κ°λ λ° μν
π μμ½ λ° ν루 κ°λ¨ νκ³
리μ‘νΈ κ°μ 볡μ΅μ λ§λ¬΄λ¦¬νκ³ ν¨κΈ°λ‘κ² λ¦¬λμ€ κ°μμ λ°μ΄λ€μλ€. μΌλ¨ useReducerλ₯Ό μ¨λ³Έ κ²½νμ΄ μμ΄μ κ°λ μ체λ λ―μ€μ§ μμλ€. ννΈ λ¦¬μ‘νΈλ κ³μ λ²μ μ μ΄ λλ©΄μ μ μ©νκ³ λ€μν ν μ€λ€μ΄ μΆκ°λλ€. κ·Έλ° λΆλΆμ λ°λμ μ¨μΌν νμλ μμ§λ§, λ μ΅μ μ κ²μ κ·κΈ°μΈμ΄κ³ νΌμμ λ€λ£° μ€ μλ κ°λ°μκ° λμ. κ·Έλ¦¬κ³ κ³΅μλ¬Έμ 보λ κ²μ μ΅κ΄ννμ.