Skip to content

Commit 1dd60f2

Browse files
smikitkysmikitky
committed
Resolve conflicts
1 parent 5697a2b commit 1dd60f2

File tree

5 files changed

+13
-59
lines changed

5 files changed

+13
-59
lines changed

‎src/content/blog/2024/04/25/react-19-upgrade-guide.md‎

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ React と React DOM の最新バージョンをインストールするには以
7373
npm install --save-exact react@rc react-dom@rc
7474
```
7575

76-
Or, if you're using Yarn:
76+
Yarn をお使いの場合は以下のようにします。
7777

7878
```bash
7979
yarn add --exact react@rc react-dom@rc
@@ -411,11 +411,7 @@ root.render(<App />);
411411

412412
<Note>
413413

414-
<<<<<<< HEAD
415-
codemod で以下のように `ReactDOM.render` を `ReactDOM.createRoot` に変換できます。
416-
=======
417-
Codemod `ReactDOM.render` to `ReactDOMClient.createRoot`:
418-
>>>>>>> 169d5c1820cd1514429bfac2a923e51dd782d37e
414+
codemod で以下のように `ReactDOM.render` を `ReactDOMClient.createRoot` に変換できます。
419415

420416
```bash
421417
npx codemod@latest react/19/replace-reactdom-render
@@ -439,7 +435,7 @@ hydrateRoot(document.getElementById('root'), <App />);
439435

440436
<Note>
441437

442-
Codemod `ReactDOM.hydrate` to `ReactDOMClient.hydrateRoot`:
438+
codemod で以下のように `ReactDOM.hydrate` を `ReactDOMClient.hydrateRoot` に変換できます。
443439

444440
```bash
445441
npx codemod@latest react/19/replace-reactdom-render
@@ -464,22 +460,17 @@ root.unmount();
464460

465461
<Note>
466462

467-
Codemod `unmountComponentAtNode` to `root.unmount`:
463+
codemod で以下のように `unmountComponentAtNode` を `root.unmount` に変換できます。
468464

469465
```bash
470466
npx codemod@latest react/19/replace-reactdom-render
471467
```
472468

473469
</Note>
474470

475-
<<<<<<< HEAD
476471
#### 削除：`ReactDOM.findDOMNode` {/*removed-reactdom-finddomnode*/}
477-
`ReactDOM.findDOMNode` は [2018 年 10 月 (v16.6.0)](https://legacy.reactjs.org/blog/2018/10/23/react-v-16-6.html#deprecations-in-strictmode) に非推奨化されました。
478-
=======
479-
#### Removed: `ReactDOM.findDOMNode` {/*removed-reactdom-finddomnode*/}
480472

481-
`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).
482-
>>>>>>> 169d5c1820cd1514429bfac2a923e51dd782d37e
473+
`ReactDOM.findDOMNode` は [2018 年 10 月 (v16.6.0)](https://legacy.reactjs.org/blog/2018/10/23/react-v-16-6.html#deprecations-in-strictmode) に非推奨化されました。
483474

484475
`findDOMNode` はレガシーな避難ハッチであり、実行速度が遅く、リファクタリングが困難で、最初の子要素しか返せず、抽象化レイヤーを破壊するといった問題があるため（詳細は[こちら](https://legacy.reactjs.org/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage)）、削除されます。`ReactDOM.findDOMNode` は [DOM 用の ref](/learn/manipulating-the-dom-with-refs) で置き換えることができます。
485476

‎src/content/learn/installation.md‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -37,11 +37,7 @@ export default function App() {
3737

3838
直接編集しても構いませんし、右上の "Fork" ボタンを押して新しいタブで開くこともできます。
3939

40-
<<<<<<< HEAD
41-
React ドキュメントのほとんどのページには、このようなサンドボックスが含まれています。React のドキュメント外にも、React をサポートするオンラインサンドボックスがたくさんあります。例えば、[CodeSandbox](https://codesandbox.io/s/new)、[StackBlitz](https://stackblitz.com/fork/react) や [CodePen](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) が挙げられます。
42-
=======
43-
Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?template=QWYVwWN)
44-
>>>>>>> 169d5c1820cd1514429bfac2a923e51dd782d37e
40+
React ドキュメントのほとんどのページには、このようなサンドボックスが含まれています。React のドキュメント外にも、React をサポートするオンラインサンドボックスがたくさんあります。例えば、[CodeSandbox](https://codesandbox.io/s/new)、[StackBlitz](https://stackblitz.com/fork/react) や [CodePen](https://codepen.io/pen?template=QWYVwWN) が挙げられます。
4541

4642
### ローカルで React を試す {/*try-react-locally*/}
4743

‎src/content/reference/react-dom/components/script.md‎

Lines changed: 5 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -68,21 +68,11 @@ props として `children` または `src` のいずれかが必要です。
6868

6969
#### 特別なレンダー動作 {/*special-rendering-behavior*/}
7070

71-
<<<<<<< HEAD
72-
React は `<script>` コンポーネントをドキュメントの `<head>` に移動させ、同一スクリプトの重複解消処理を行い、スクリプトの読み込み中に[サスペンド](/reference/react/Suspense)を発生させます。
73-
=======
74-
React can move `<script>` components to the document's `<head>` and de-duplicate identical scripts.
75-
>>>>>>> 169d5c1820cd1514429bfac2a923e51dd782d37e
71+
React は `<script>` コンポーネントをドキュメントの `<head>` に移動させ、同一スクリプトの重複解消処理を行います。
7672

7773
この動作を有効にするには、props として `src` と `async={true}` の props を指定してください。React は同じ `src` を持つスクリプトが重複しないようにします。スクリプトを安全に移動させるために `async` が true である必要があります。
7874

79-
<<<<<<< HEAD
80-
props として `onLoad` または `onError` を指定した場合、特別な動作は発生しません。これらの props は、コンポーネント内でスクリプトの読み込みを手動で管理してしていることを意味するからです。
81-
8275
この特別な動作に関して、以下の 2 つの注意点があります。
83-
=======
84-
This special treatment comes with two caveats:
85-
>>>>>>> 169d5c1820cd1514429bfac2a923e51dd782d37e
8676

8777
* スクリプトがレンダーされた後、React は props に変更があってもそれを無視します（開発中にこれが起きた場合は React が警告を発します）。
8878
* スクリプトをレンダーしていたコンポーネントがアンマウントされた後も、React は DOM にスクリプトを残すことがあります。（スクリプトは DOM に挿入された際に一度だけ実行されるものなので、これによる影響はありません。）
@@ -93,17 +83,11 @@ This special treatment comes with two caveats:
9383

9484
### 外部スクリプトのレンダー {/*rendering-an-external-script*/}
9585

96-
<<<<<<< HEAD
9786
コンポーネントが正しく表示されるために特定のスクリプトに依存している場合、当該コンポーネント内で `<script>` をレンダーできます。
87+
ただしコンポーネントはスクリプトのロードが完了する前にコミットされる可能性があります。
88+
`onLoad` プロパティを使うなどで `load` イベントが発火したのを確認してからスクリプトの内容に依存するコードを使用するようにしてください。
9889

99-
props として `src` と `async` を指定すると、スクリプトが読み込まれる間、コンポーネントはサスペンド状態になります。スクリプトの重複を避けるため、複数のコンポーネントが同じ `src` を持つスクリプトをレンダーしている場合には React は DOM にそれをひとつだけ挿入します。
100-
=======
101-
If a component depends on certain scripts in order to be displayed correctly, you can render a `<script>` within the component.
102-
However, the component might be committed before the script has finished loading.
103-
You can start depending on the script content once the `load` event is fired e.g. by using the `onLoad` prop.
104-
105-
React will de-duplicate scripts that have the same `src`, inserting only one of them into the DOM even if multiple components render it.
106-
>>>>>>> 169d5c1820cd1514429bfac2a923e51dd782d37e
90+
React 重複解消処理を行うため、複数のコンポーネントが同じ `src` を持つスクリプトをレンダーしている場合でも、React はそれらのうちひとつだけを DOM に挿入します。
10791

10892
<SandpackWithHTMLOutput>
10993

@@ -136,11 +120,7 @@ export default function Page() {
136120

137121
### インラインスクリプトのレンダー {/*rendering-an-inline-script*/}
138122

139-
<<<<<<< HEAD
140-
インラインスクリプトを含めるには、`<script>` コンポーネントをレンダーする際に children としてスクリプトのソースコードを指定します。インラインスクリプトは重複解消処理が行われず、ドキュメントの `<head>` に移動されません。外部リソースを読み込まないため、コンポーネントがサスペンド状態になることはありません。
141-
=======
142-
To include an inline script, render the `<script>` component with the script source code as its children. Inline scripts are not de-duplicated or moved to the document `<head>`.
143-
>>>>>>> 169d5c1820cd1514429bfac2a923e51dd782d37e
123+
インラインスクリプトを含めるには、`<script>` コンポーネントをレンダーする際に children としてスクリプトのソースコードを指定します。インラインスクリプトは重複解消処理が行われず、ドキュメントの `<head>` に移動されません。
144124

145125
<SandpackWithHTMLOutput>
146126

‎src/content/reference/react/apis.md‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,20 +10,12 @@ title: "React の組み込み API"
1010

1111
---
1212

13-
<<<<<<< HEAD
1413
* [`createContext`](/reference/react/createContext) を利用すると、子コンポーネントに対してコンテクストを定義および提供できます。[`useContext`](/reference/react/useContext) と一緒に使用されます。
1514
* [`forwardRef`](/reference/react/forwardRef) を利用すると、コンポーネントの DOM ノードを ref として親に公開できます。[`useRef`](/reference/react/useRef) と一緒に使用されます。
1615
* [`lazy`](/reference/react/lazy) を利用すると、コンポーネントのコードの読み込みを初回レンダーまで遅延することができます。
1716
* [`memo`](/reference/react/memo) を利用すると、同じ props を持つコンポーネントの再レンダーをスキップできます。[`useMemo`](/reference/react/useMemo) や [`useCallback`](/reference/react/useCallback) と一緒に使用されます。
1817
* [`startTransition`](/reference/react/startTransition) を使うと、state の更新を低緊急度 (non-urgent) としてマークできます。[`useTransition`](/reference/react/useTransition) に似ています。
19-
=======
20-
* [`createContext`](/reference/react/createContext) lets you define and provide context to the child components. Used with [`useContext`.](/reference/react/useContext)
21-
* [`forwardRef`](/reference/react/forwardRef) lets your component expose a DOM node as a ref to the parent. Used with [`useRef`.](/reference/react/useRef)
22-
* [`lazy`](/reference/react/lazy) lets you defer loading a component's code until it's rendered for the first time.
23-
* [`memo`](/reference/react/memo) lets your component skip re-renders with same props. Used with [`useMemo`](/reference/react/useMemo) and [`useCallback`.](/reference/react/useCallback)
24-
* [`startTransition`](/reference/react/startTransition) lets you mark a state update as non-urgent. Similar to [`useTransition`.](/reference/react/useTransition)
25-
* [`act`](/reference/react/act) lets you wrap renders and interactions in tests to ensure updates have processed before making assertions.
26-
>>>>>>> 169d5c1820cd1514429bfac2a923e51dd782d37e
18+
* [`act`](/reference/react/act) を使うと、テスト環境でレンダーやユーザ操作をラップして、アサーションを行う前に更新が確実に処理されるようにします。
2719

2820
---
2921

‎src/sidebarReference.json‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -346,13 +346,8 @@
346346
"path": "/reference/rules",
347347
"routes": [
348348
{
349-
<<<<<<< HEAD
350-
"title": "コンポーネントとフックを純粋に保つ",
351-
"path": "/reference/rules/components-and-hooks-must-be-pure"
352-
=======
353-
"title": "Components and Hooks must be pure",
349+
"title": "コンポーネントとフックを純粋に保つ",
354350
"path": "/reference/rules/components-and-hooks-must-be-pure"
355-
>>>>>>> 169d5c1820cd1514429bfac2a923e51dd782d37e
356351
},
357352
{
358353
"title": "コンポーネントやフックを呼び出すのは React",

0 commit comments

Comments
 (0)