Skip to content

Commit

Permalink
Resolve conflicts
Browse files Browse the repository at this point in the history
  • Loading branch information
smikitky committed Oct 7, 2024
1 parent 5888467 commit 6121416
Show file tree
Hide file tree
Showing 13 changed files with 19 additions and 96 deletions.
12 changes: 2 additions & 10 deletions src/content/blog/2024/04/25/react-19-upgrade-guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -353,11 +353,7 @@ npm install react-shallow-renderer --save-dev

##### シャローレンダリングの再考を {/*please-reconsider-shallow-rendering*/}

<<<<<<< HEAD
シャローレンダリングは React の内部構造に依存しており、将来のアップグレードの妨げとなる可能性があります。テストを [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/)[@testing-library/react-native](https://callstack.github.io/react-native-testing-library/docs/getting-started) に移行することをお勧めします。
=======
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).
>>>>>>> 1697ae89a3bbafd76998dd7496754e5358bc1e9a
シャローレンダリングは React の内部構造に依存しており、将来のアップグレードの妨げとなる可能性があります。テストを [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/)[@testing-library/react-native](https://testing-library.com/docs/react-native-testing-library/intro) に移行することをお勧めします。

</Note>

Expand Down Expand Up @@ -528,11 +524,7 @@ Accessing element.ref is no longer supported. ref is now a regular prop. It will

このテストレンダラは、[React Testing Library](https://testing-library.com) のようなより実用的なテスト戦略が利用可能になる前に作成されたものです。現在では、モダンなテストライブラリの使用が推奨されます。

<<<<<<< HEAD
React 19 では、`react-test-renderer` は非推奨警告をログに記録するようになり、また並行レンダーに切り替わりました。モダンかつよりよくサポートされたテスト体験のためには、テストを [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/) または [@testing-library/react-native](https://callstack.github.io/react-native-testing-library/docs/getting-started) に移行することを推奨します。
=======
In React 19, `react-test-renderer` logs a deprecation warning, and has switched to concurrent rendering. 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) for a modern and well supported testing experience.
>>>>>>> 1697ae89a3bbafd76998dd7496754e5358bc1e9a
React 19 では、`react-test-renderer` は非推奨警告をログに記録するようになり、また並行レンダーに切り替わりました。モダンかつよりよくサポートされたテスト体験のためには、テストを [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/) または [@testing-library/react-native](https://testing-library.com/docs/react-native-testing-library/intro) に移行することを推奨します。

## 注目すべき変更点 {/*notable-changes*/}

Expand Down
6 changes: 1 addition & 5 deletions src/content/community/acknowledgements.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,11 +59,7 @@ title: 謝辞

このリストは全員を網羅したものではありません。

<<<<<<< HEAD
特に、長年にわたる指導とサポートをしていただいた [Tom Occhino](https://github.com/tomocchino)[Adam Wolff](https://github.com/wolffiex) に感謝いたします。[React を他の言語に翻訳](https://translations.reactjs.org/)してくださったボランティアの皆様にも感謝いたします。
=======
We'd like to give special thanks to [Tom Occhino](https://github.com/tomocchino) and [Adam Wolff](https://github.com/wolffiex) for their guidance and support over the years. We are also thankful to all the volunteers who [translated React into other languages.](https://translations.react.dev/)
>>>>>>> 1697ae89a3bbafd76998dd7496754e5358bc1e9a
特に、長年にわたる指導とサポートをしていただいた [Tom Occhino](https://github.com/tomocchino)[Adam Wolff](https://github.com/wolffiex) に感謝いたします。[React を他の言語に翻訳](https://translations.react.dev/)してくださったボランティアの皆様にも感謝いたします。

## 追加の謝辞 {/*additional-thanks*/}

Expand Down
4 changes: 0 additions & 4 deletions src/content/learn/synchronizing-with-effects.md
Original file line number Diff line number Diff line change
Expand Up @@ -627,11 +627,7 @@ React は、開発中に意図的にコンポーネントを再マウントし
### React 以外のウィジェットを制御する {/*controlling-non-react-widgets*/}
<<<<<<< HEAD
時に、React で書かれていない UI ウィジェットを追加したい場合があります。例えば、ページに地図コンポーネントを追加しようとしているとします。`setZoomLevel()` メソッドがあり、React のコード内の `zoomLevel` という state 変数と同期させたいとします。エフェクトは次のようになります。
=======
Sometimes you need to add UI widgets that aren't written in React. For example, let's say you're adding a map component to your page. It has a `setZoomLevel()` method, and you'd like to keep the zoom level in sync with a `zoomLevel` state variable in your React code. Your Effect would look similar to this:
>>>>>>> 1697ae89a3bbafd76998dd7496754e5358bc1e9a
```js
useEffect(() => {
Expand Down
12 changes: 2 additions & 10 deletions src/content/learn/thinking-in-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -265,19 +265,11 @@ props と state は異なるものですが、それらは協調して働きま

それではこの戦術をサンプルアプリにも適用してみましょう:

<<<<<<< HEAD
1. **state を使用するコンポーネントの特定:**
* `ProductTable` は、これらの state(検索テキストとチェックボックスの値)に基づいて製品リストをフィルタリングする必要があります。
* `SearchBar` は、これらの state(検索テキストとチェックボックスの値)を表示する必要があります。
1. **共通の親を見つける:** 両方のコンポーネントに共通の最初の親コンポーネントは `FilterableProductTable` です。
2. **state がどこにあるべきかを決定する:** フィルタ文字列とチェック状態の値を `FilterableProductTable` に保持することにします。
=======
1. **Identify components that use state:**
* `ProductTable` needs to filter the product list based on that state (search text and checkbox value).
* `SearchBar` needs to display that state (search text and checkbox value).
2. **Find their common parent:** The first parent component both components share is `FilterableProductTable`.
3. **Decide where the state lives**: We'll keep the filter text and checked state values in `FilterableProductTable`.
>>>>>>> 1697ae89a3bbafd76998dd7496754e5358bc1e9a
2. **共通の親を見つける:** 両方のコンポーネントに共通の最初の親コンポーネントは `FilterableProductTable` です。
3. **state がどこにあるべきかを決定する:** フィルタ文字列とチェック状態の値を `FilterableProductTable` に保持することにします。

したがって、state の値は `FilterableProductTable` にあることになります。

Expand Down
4 changes: 0 additions & 4 deletions src/content/learn/tutorial-tic-tac-toe.md
Original file line number Diff line number Diff line change
Expand Up @@ -1133,11 +1133,7 @@ export default function Board() {
<Note>
<<<<<<< HEAD
JavaScript は[クロージャ](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures)をサポートしているため、内側の関数(例:`handleClick`)は外側の関数(例:`Board`)で定義されている変数や関数にアクセスできます。`handleClick` 関数は、state である `squares` を読み取ったり、`setSquares` メソッドを呼び出したりできます。これらは両方とも `Board` 関数の内部で定義されているためです。
=======
JavaScript supports [closures](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures) which means an inner function (e.g. `handleClick`) has access to variables and functions defined in an outer function (e.g. `Board`). The `handleClick` function can read the `squares` state and call the `setSquares` method because they are both defined inside of the `Board` function.
>>>>>>> 1697ae89a3bbafd76998dd7496754e5358bc1e9a
</Note>
Expand Down
4 changes: 0 additions & 4 deletions src/content/learn/updating-objects-in-state.md
Original file line number Diff line number Diff line change
Expand Up @@ -379,11 +379,7 @@ input { margin-left: 5px; margin-bottom: 5px; }

#### 複数のフィールドに単一のイベントハンドラを使う {/*using-a-single-event-handler-for-multiple-fields*/}

<<<<<<< HEAD
オブジェクト定義内で `[``]` 括弧を使って、動的な名前のプロパティを指定することもできます。以下は上記と同じ例ですが、3 つの異なるイベントハンドラの代わりに 1 つのイベントハンドラを使用しています。
=======
You can also use the `[` and `]` braces inside your object definition to specify a property with a dynamic name. Here is the same example, but with a single event handler instead of three different ones:
>>>>>>> 1697ae89a3bbafd76998dd7496754e5358bc1e9a

<Sandpack>

Expand Down
4 changes: 0 additions & 4 deletions src/content/learn/you-might-not-need-an-effect.md
Original file line number Diff line number Diff line change
Expand Up @@ -408,11 +408,7 @@ function Game() {
このコードには 2 つの問題があります。
<<<<<<< HEAD
1 つ目の問題は、非常に効率が悪いことです。コンポーネント(およびその子)は、連鎖内の各 `set` コールの間で毎回再レンダーする必要があります。上記の例では、最悪の場合、下位のツリーに 3 回の不要な再レンダー(`setCard` → レンダー → `setGoldCardCount` → レンダー → `setRound` → レンダー → `setIsGameOver` → レンダー)が発生することになります。
=======
The first problem is that it is very inefficient: the component (and its children) have to re-render between each `set` call in the chain. In the example above, in the worst case (`setCard` → render → `setGoldCardCount` → render → `setRound` → render → `setIsGameOver` → render) there are three unnecessary re-renders of the tree below.
>>>>>>> 1697ae89a3bbafd76998dd7496754e5358bc1e9a
2 つ目の問題は、たとえこれが遅くなかったとしても、コードが発展するにつれ、書いた「チェイン」が新しい要件に適合しないケースが出てくるということです。例えばゲームの手順を遡る機能を追加しているとしましょう。このためには、各 state 変数を過去のある時点の値に再セットしていくことになります。しかし過去の値から `card` の state をセットした時点で再びエフェクトの連鎖処理がトリガされ、表示されるデータが変更されてしまいます。このようなコードは、硬直的で壊れやすいものです。
Expand Down
9 changes: 0 additions & 9 deletions src/content/reference/react-dom/preinitModule.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,21 +51,12 @@ function AppRoot() {

#### 引数 {/*parameters*/}

<<<<<<< HEAD
* `href`: 文字列。ダウンロードして実行したいモジュールの URL。
* `options`: オブジェクト。以下のプロパティを含みます。
* `as`: 必須の文字列。`'script'` である必要があります。
* `crossOrigin`: 文字列。使用する [CORS ポリシー](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin)。可能な値は `anonymous``use-credentials` です。
* `integrity`: 文字列。[真正性を検証する](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity)ために使用するリソースの暗号化ハッシュ。
* `nonce`: 文字列。厳格なコンテンツセキュリティポリシーを使用する際に[リソースを許可するための暗号化 nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce)
=======
* `href`: a string. The URL of the module you want to download and execute.
* `options`: an object. It contains the following properties:
* `as`: a required string. It must be `'script'`.
* `crossOrigin`: a string. The [CORS policy](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin) to use. Its possible values are `anonymous` and `use-credentials`.
* `integrity`: a string. A cryptographic hash of the module, to [verify its authenticity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity).
* `nonce`: a string. A cryptographic [nonce to allow the module](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) when using a strict Content Security Policy.
>>>>>>> 1697ae89a3bbafd76998dd7496754e5358bc1e9a

#### 返り値 {/*returns*/}

Expand Down
Loading

0 comments on commit 6121416

Please sign in to comment.