22title : " React 19 μ
κ·Έλ μ΄λ κ°μ΄λ"
33author : Ricky Hanlon
44date : 2024/04/25
5- description : React 19μ μΆκ°λ κ°μ μ¬νλ€λ‘ μΈν΄ μΌλΆ μ£Όμν λ³κ²½ μ¬νμ΄ μμ§λ§, μ
κ·Έλ μ΄λλ₯Ό κ°λ₯ν ν μννκ² μ§νν μ μλλ‘ λ
Έλ ₯νμΌλ©° λλΆλΆμ μ±μ ν° μν₯μ΄ μμ κ²μΌλ‘ μμν©λλ€. μ΄ κΈμμλ μ±κ³Ό λΌμ΄λΈλ¬λ¦¬λ₯Ό React 19λ‘ μ
κ·Έλ μ΄λνλ λ¨κ³λ₯Ό μλ΄ν©λλ€.
5+ description : React 19μ μΆκ°λ κ°μ μ¬νλ€λ‘ μΈν΄ μΌλΆ μ£Όμν λ³κ²½ μ¬νμ΄ μμ§λ§, μ
κ·Έλ μ΄λλ₯Ό κ°λ₯ν μννκ² μ§νν μ μλλ‘ λ
Έλ ₯νμΌλ©° λλΆλΆμ μ±μ ν° μν₯μ΄ μμ κ²μΌλ‘ μμν©λλ€. μ΄ κΈμμλ μ±κ³Ό λΌμ΄λΈλ¬λ¦¬λ₯Ό React 19λ‘ μ
κ·Έλ μ΄λνλ λ¨κ³λ₯Ό μλ΄ν©λλ€.
66---
77
882024λ
4μ 25μΌ, [ Ricky Hanlon] ( https://twitter.com/rickhanlonii )
@@ -12,7 +12,7 @@ description: React 19μ μΆκ°λ κ°μ μ¬νλ€λ‘ μΈν΄ μΌλΆ μ£Όμν
1212
1313<Intro >
1414
15- React 19μ μΆκ°λ κ°μ μ¬νλ€λ‘ μΈν΄ μΌλΆ μ£Όμν λ³κ²½ μ¬νμ΄ <sup >Breaking Changes</sup >κ° μμ§λ§, μ
κ·Έλ μ΄λλ₯Ό κ°λ₯ν ν μννκ² μ§νν μ μλλ‘ λ
Έλ ₯νμΌλ©° λλΆλΆμ μ±μ ν° μν₯μ΄ μμ κ²μΌλ‘ μμν©λλ€.
15+ React 19μ μΆκ°λ κ°μ μ¬νλ€λ‘ μΈν΄ μΌλΆ μ£Όμν λ³κ²½ μ¬ν <sup >Breaking Changes</sup >μ΄ μμ§λ§, μ
κ·Έλ μ΄λλ₯Ό κ°λ₯ν ν μννκ² μ§νν μ μλλ‘ λ
Έλ ₯νμΌλ©° λλΆλΆμ μ±μ ν° μν₯μ΄ μμ κ²μΌλ‘ μμν©λλ€.
1616
1717</Intro >
1818
@@ -47,7 +47,7 @@ React 19λ₯Ό ν
μ€νΈν΄ λ³΄κ³ μΆλ€λ©΄ ν΄λΉ κ°μ΄λμ λμ μλ λ¨
4747
4848#### μ΄μ μλ‘μ΄ JSX λ³ν λ°©μμ νμμ
λλ€ {/* new-jsx-transform-is-now-required* /}
4949
50- 2020λ
μ [ μλ‘μ΄ JSX λ³ν] ( https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html ) μ λμ
νμ¬ λ²λ€ ν¬κΈ°λ₯Ό μ€μ΄κ³ Reactλ₯Ό import νμ§ μκ³ λ JSXλ₯Ό μ¬μ©ν μ μλλ‘ νμ΅λλ€. React 19μμλ refλ₯Ό propμΌλ‘ μ¬μ©ν μ μλ κΈ°λ₯μ΄λ JSX μ±λ₯ ν₯μκ³Ό κ°μ μΆκ°μ μΈ κ°μ μ¬νμ΄ λμ
λλ©°, μ΄λ¬ν κΈ°λ₯λ€μ μλ‘μ΄ λ³ν<sup >New Transform</sup >μ΄ νμν©λλ€.
50+ 2020λ
μ [ μλ‘μ΄ JSX λ³ν] ( https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html ) μ λμ
νμ¬ λ²λ€ ν¬κΈ°λ₯Ό μ€μ΄κ³ Reactλ₯Ό import νμ§ μκ³ λ JSXλ₯Ό μ¬μ©ν μ μλλ‘ νμ΅λλ€. React 19μμλ Refλ₯Ό PropμΌλ‘ μ¬μ©ν μ μλ κΈ°λ₯μ΄λ JSX μ±λ₯ ν₯μκ³Ό κ°μ μΆκ°μ μΈ κ°μ μ¬νμ΄ λμ
λλ©°, μ΄λ¬ν κΈ°λ₯λ€μ μλ‘μ΄ λ³ν<sup >New Transform</sup >μ΄ νμν©λλ€.
5151
5252μλ‘μ΄ λ³νμ΄ νμ±νλμ§ μμΌλ©΄ λ€μκ³Ό κ°μ κ²½κ³ κ° νμλ©λλ€.
5353
@@ -68,11 +68,13 @@ Your app (or one of its dependencies) is using an outdated JSX transform. Update
6868
6969
7070μ΅μ λ²μ μ React λ° React DOMμ μ€μΉνκΈ° μν΄ λ€μ λͺ
λ Ήμ΄λ₯Ό μ
λ ₯νμΈμ.
71+
7172``` bash
7273npm install --save-exact react@^19.0.0 react-dom@^19.0.0
7374```
7475
7576Yarnμ μ¬μ©νλ€λ©΄ λ€μ λͺ
λ Ήμ΄λ₯Ό μ
λ ₯νμΈμ.
77+
7678``` bash
7779yarn add --exact react@^19.0.0 react-dom@^19.0.0
7880```
@@ -87,7 +89,7 @@ Yarnμ μ¬μ©νλ€λ©΄ λ€μ λͺ
λ Ήμ΄λ₯Ό μ
λ ₯νμΈμ.
8789yarn add --exact @types/react@^19.0.0 @types/react-dom@^19.0.0
8890```
8991
90- κ°μ₯ νν κ΅μ²΄ μμ
μ μν codemodλ ν¬ν¨λμ΄ μμ΅λλ€. μλμ [ TypeScript λ³κ²½ μ¬ν] ( #typescript-changes ) μ μ°Έκ³ νμΈμ.
92+ κ°μ₯ νν κ΅μ²΄ μμ
μ μν Codemodλ ν¬ν¨λμ΄ μμ΅λλ€. μλμ [ TypeScript λ³κ²½ μ¬ν] ( #typescript-changes ) μ μ°Έκ³ νμΈμ.
9193
9294## Codemods {/* codemods* /}
9395
0 commit comments