You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: .github/ISSUE_TEMPLATE/3-framework.yml
+9-9Lines changed: 9 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -1,21 +1,21 @@
1
-
name: "📄 Suggest new framework"
2
-
description: "I am a framework author applying to be included as a recommended framework."
3
-
title: "[Framework]: "
4
-
labels: ["type: framework"]
1
+
name: '📄 Suggest new framework'
2
+
description: 'I am a framework author applying to be included as a recommended framework.'
3
+
title: '[Framework]: '
4
+
labels: ['type: framework']
5
5
body:
6
6
- type: markdown
7
7
attributes:
8
8
value: |
9
9
## Apply to be included as a recommended React framework
10
10
11
11
_This form is for framework authors to apply to be included as a recommended [React framework](https://react.dev/learn/start-a-new-react-project). If you are not a framework author, please contact the authors before submitting._
12
-
12
+
13
13
Our goal when recommending a framework is to start developers with a React project that solves common problems like code splitting, data fetching, routing, and HTML generation without any extra work later. We believe this will allow users to get started quickly with React, and scale their app to production.
14
-
14
+
15
15
While we understand that many frameworks may want to be featured, this page is not a place to advertise every possible React framework or all frameworks that you can add React to. There are many great frameworks that offer support for React that are not listed in our guides. The frameworks we recommend have invested significantly in the React ecosystem, and collaborated with the React team to be compatible with our [full-stack React architecture vision](https://react.dev/learn/start-a-new-react-project#which-features-make-up-the-react-teams-full-stack-architecture-vision).
16
-
16
+
17
17
To be included, frameworks must meet the following criteria:
18
-
18
+
19
19
- **Free & open-source**: must be open source and free to use.
20
20
- **Well maintained**. must be actively maintained, providing bug fixes and improvements.
21
21
- **Active community**: must have a sufficiently large and active community to support users.
@@ -25,7 +25,7 @@ body:
25
25
- **Developer experience**. must allow developers to be productive by supporting features like Fast Refresh.
26
26
- **User experience**. must provide built-in support for common problems like routing and data-fetching.
27
27
- **Compatible with our future vision for React**. React evolves over time, and frameworks that do not align with React’s direction risk isolating their users from the main React ecosystem over time. To be included on this page we must feel confident that the framework is setting its users up for success with React over time.
28
-
28
+
29
29
Please note, we have reviewed most of the popular frameworks available today, so it is unlikely we have not considered your framework already. But if you think we missed something, please complete the application below.
Copy file name to clipboardExpand all lines: src/content/blog/2022/03/29/react-v18.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,7 +17,7 @@ description: React 18 is now available on npm! In our last post, we shared step-
17
17
18
18
---
19
19
20
-
최신 메이저 버전에는 자동 batching, startTransition과 같은 새로운 API, Suspense를 지원하는 스트리밍 서버 사이드 렌더링과 같은 즉각적인 개선 사항이 포함되어 있습니다.
20
+
최신 메이저 버전에는 자동 batching, startTransition과 같은 새로운 API, Suspense를 지원하는 스트리밍 서버 사이드 렌더링과 같은 즉각적인 개선 사항이 포함되어 있습니다.
21
21
22
22
React 18의 많은 기능은 강력한 새 기능들을 제공하는 배후의 변경 사항인 concurrent 렌더러를 기반으로 구축되었습니다. concurrent 렌더러는 선택 사항으로, concurrent 기능을 사용할 때만 활성화할 수 있지만 사람들이 애플리케이션을 빌드하는 방식에 큰 영향을 미칠 것으로 예상됩니다.
Copy file name to clipboardExpand all lines: src/content/blog/2023/03/16/introducing-react-dev.md
+44-44Lines changed: 44 additions & 44 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -240,12 +240,12 @@ body {
240
240
241
241
이것이 학습 섹션이 여러 개의 장으로 구분된 자기 주도 학습 과정으로 구성된 이유입니다. 처음 두 장은 React의 기초에 관해서 설명합니다. React가 처음이거나 기억을 되살리고 싶다면, 여기서부터 시작하세요.
242
242
243
-
-**[UI 표현하기](/learn/describing-the-ui)**에서는 컴포넌트로 어떻게 정보를 표시하는지 가르칩니다.
244
-
-**[상호작용 추가하기](/learn/adding-interactivity)**에서는 사용자 입력에 대한 응답으로 화면을 어떻게 업데이트하는지 가르칩니다.
243
+
-**[UI 표현하기](/learn/describing-the-ui)**에서는 컴포넌트로 어떻게 정보를 표시하는지 가르칩니다.
244
+
-**[상호작용 추가하기](/learn/adding-interactivity)**에서는 사용자 입력에 대한 응답으로 화면을 어떻게 업데이트하는지 가르칩니다.
245
245
246
-
다음 두 장은 더욱 고급 내용을 다루며, 더 복잡한 부분에 대해서 깊은 통찰을 줄 것입니다.
246
+
다음 두 장은 더욱 고급 내용을 다루며, 더 복잡한 부분에 대해서 깊은 통찰을 줄 것입니다.
247
247
248
-
-**[State 관리하기](/learn/managing-state)**에서는 앱의 복잡성이 증가함에 따라 어떻게 로직을 조직화하는지 가르칩니다.
248
+
-**[State 관리하기](/learn/managing-state)**에서는 앱의 복잡성이 증가함에 따라 어떻게 로직을 조직화하는지 가르칩니다.
249
249
-**[탈출구](/learn/escape-hatches)**에서는 React "외부로 탈출"할 방법과, 이를 수행하기에 가장 적절한 시기를 가르칩니다.
250
250
251
251
모든 장은 여러 개의 관련된 페이지로 구성되어 있습니다. 대부분의 페이지는 특정 기술이나 기법을 가르칩니다-예를 들어, [JSX로 마크업 작성하기](/learn/writing-markup-with-jsx), [State에 있는 객체 업데이트하기](/learn/updating-objects-in-state)나 [컴포넌트 간 State 공유하기](/learn/sharing-state-between-components) 같은 것들이 있습니다. [렌더와 커밋](/learn/render-and-commit), [스냅샷으로서의 State](/learn/state-as-a-snapshot)와 같은 몇몇 페이지들은 아이디어를 설명하는 것에 집중합니다. 그리고 지난 몇 년 동안의 경험을 기반으로 제안을 공유하는 [Effect가 필요하지 않을 수 있습니다](/learn/you-might-not-need-an-effect) 같은 페이지도 몇 개 있습니다.
@@ -280,17 +280,17 @@ export default function PackingList() {
280
280
<section>
281
281
<h1>Sally Ride's Packing List</h1>
282
282
<ul>
283
-
<Item
284
-
isPacked={true}
285
-
name="Space suit"
283
+
<Item
284
+
isPacked={true}
285
+
name="Space suit"
286
286
/>
287
-
<Item
288
-
isPacked={true}
289
-
name="Helmet with a golden leaf"
287
+
<Item
288
+
isPacked={true}
289
+
name="Helmet with a golden leaf"
290
290
/>
291
-
<Item
292
-
isPacked={false}
293
-
name="Photo of Tam"
291
+
<Item
292
+
isPacked={false}
293
+
name="Photo of Tam"
294
294
/>
295
295
</ul>
296
296
</section>
@@ -318,17 +318,17 @@ export default function PackingList() {
318
318
<section>
319
319
<h1>Sally Ride's Packing List</h1>
320
320
<ul>
321
-
<Item
322
-
isPacked={true}
323
-
name="Space suit"
321
+
<Item
322
+
isPacked={true}
323
+
name="Space suit"
324
324
/>
325
-
<Item
326
-
isPacked={true}
327
-
name="Helmet with a golden leaf"
325
+
<Item
326
+
isPacked={true}
327
+
name="Helmet with a golden leaf"
328
328
/>
329
-
<Item
330
-
isPacked={false}
331
-
name="Photo of Tam"
329
+
<Item
330
+
isPacked={false}
331
+
name="Photo of Tam"
332
332
/>
333
333
</ul>
334
334
</section>
@@ -366,17 +366,17 @@ export default function PackingList() {
366
366
<section>
367
367
<h1>Sally Ride's Packing List</h1>
368
368
<ul>
369
-
<Item
370
-
importance={9}
371
-
name="Space suit"
369
+
<Item
370
+
importance={9}
371
+
name="Space suit"
372
372
/>
373
-
<Item
374
-
importance={0}
375
-
name="Helmet with a golden leaf"
373
+
<Item
374
+
importance={0}
375
+
name="Helmet with a golden leaf"
376
376
/>
377
-
<Item
378
-
importance={6}
379
-
name="Photo of Tam"
377
+
<Item
378
+
importance={6}
379
+
name="Photo of Tam"
380
380
/>
381
381
</ul>
382
382
</section>
@@ -410,17 +410,17 @@ export default function PackingList() {
Copy file name to clipboardExpand all lines: src/content/blog/2024/04/25/react-19-upgrade-guide.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,7 +20,7 @@ The improvements added to React 19 RC require some breaking changes, but we've w
20
20
21
21
#### React 18.3 has also been published {/*react-18-3*/}
22
22
23
-
To help make the upgrade to React 19 easier, we've published a `[email protected]` release that is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for React 19.
23
+
To help make the upgrade to React 19 easier, we've published a `[email protected]` release that is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for React 19.
24
24
25
25
We recommend upgrading to React 18.3 first to help identify any issues before upgrading to React 19.
This does not include the TypeScript changes. See [TypeScript changes](#typescript-changes) below.
124
124
125
125
</Note>
126
126
127
-
Changes that include a codemod include the command below.
127
+
Changes that include a codemod include the command below.
128
128
129
129
For a list of all available codemods, see the [`react-codemod` repo](https://github.com/reactjs/react-codemod).
130
130
131
131
## Breaking changes {/*breaking-changes*/}
132
132
133
133
### Errors in render are not re-thrown {/*errors-in-render-are-not-re-thrown*/}
134
134
135
-
In previous versions of React, errors thrown during render were caught and rethrown. In DEV, we would also log to `console.error`, resulting in duplicate error logs.
135
+
In previous versions of React, errors thrown during render were caught and rethrown. In DEV, we would also log to `console.error`, resulting in duplicate error logs.
136
136
137
137
In React 19, we've [improved how errors are handled](/blog/2024/04/25/react-19#error-handling) to reduce duplication by not re-throwing:
Shallow rendering depends on React internals and can block you from future upgrades. We recommend migrating your tests to [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/) or [@testing-library/react-native](https://testing-library.com/docs/react-native-testing-library/intro).
356
+
Shallow rendering depends on React internals and can block you from future upgrades. We recommend migrating your tests to [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/) or [@testing-library/react-native](https://testing-library.com/docs/react-native-testing-library/intro).
`ReactDOM.findDOMNode` was [deprecated in October 2018 (v16.6.0)](https://legacy.reactjs.org/blog/2018/10/23/react-v-16-6.html#deprecations-in-strictmode).
473
+
`ReactDOM.findDOMNode` was [deprecated in October 2018 (v16.6.0)](https://legacy.reactjs.org/blog/2018/10/23/react-v-16-6.html#deprecations-in-strictmode).
474
474
475
475
We're removing `findDOMNode` because it was a legacy escape hatch that was slow to execute, fragile to refactoring, only returned the first child, and broke abstraction levels (see more [here](https://legacy.reactjs.org/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage)). You can replace `ReactDOM.findDOMNode` with [DOM refs](/learn/manipulating-the-dom-with-refs):
476
476
@@ -538,7 +538,7 @@ As with all Strict Mode behaviors, these features are designed to proactively su
538
538
539
539
### UMD builds removed {/*umd-builds-removed*/}
540
540
541
-
UMD was widely used in the past as a convenient way to load React without a build step. Now, there are modern alternatives for loading modules as scripts in HTML documents. Starting with React 19, React will no longer produce UMD builds to reduce the complexity of its testing and release process.
541
+
UMD was widely used in the past as a convenient way to load React without a build step. Now, there are modern alternatives for loading modules as scripts in HTML documents. Starting with React 19, React will no longer produce UMD builds to reduce the complexity of its testing and release process.
542
542
543
543
To load React 19 with a script tag, we recommend using an ESM-based CDN such as [esm.sh](https://esm.sh/).
544
544
@@ -556,7 +556,7 @@ This release includes changes to React internals that may impact libraries that
556
556
557
557
Based on our [Versioning Policy](https://react.dev/community/versioning-policy#what-counts-as-a-breaking-change), these updates are not listed as breaking changes, and we are not including docs for how to upgrade them. The recommendation is to remove any code that depends on internals.
558
558
559
-
To reflect the impact of using internals, we have renamed the `SECRET_INTERNALS` suffix to:
559
+
To reflect the impact of using internals, we have renamed the `SECRET_INTERNALS` suffix to:
0 commit comments