Sync with react.dev @ 3ee3a60a

src/content/blog/index.md

@@ -4,11 +4,7 @@ title: React Blog
 
 <Intro>
 
-<<<<<<< HEAD
 React チームからの公式な更新のお知らせはこのブログに掲載されます。リリースノートや非推奨化のお知らせなどの重要なことはすべて、まずこちらに掲載されます。
-=======
-This blog is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted here first.
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
 
 Bluesky の [@react.dev](https://bsky.app/profile/react.dev) や Twitter の [@reactjs](https://twitter.com/reactjs) アカウントをフォローすることもできますが、このブログさえ読んでいれば、重要なことを見逃す心配はありません。
 

src/content/community/index.md

@@ -29,8 +29,4 @@ Stack Overflow は、コードレベルの質問をしたい場合や、特定
 
 ## ニュース {/*news*/}
 
-<<<<<<< HEAD
-React の最新ニュースについては、[Twitter の **@reactjs**](https://twitter.com/reactjs) と、このウェブサイト上の[公式 React ブログ](/blog/)をフォローしてください。
-=======
-For the latest news about React, [follow **@reactjs** on Twitter](https://twitter.com/reactjs), [**@react.dev** on Bluesky](https://bsky.app/profile/react.dev) and the [official React blog](/blog/) on this website.
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
+React の最新ニュースについては、[Twitter の **@reactjs**](https://twitter.com/reactjs)、[Bluesky の **@react.dev**](https://bsky.app/profile/react.dev) や、このウェブサイトの[公式 React ブログ](/blog/)をフォローしてください。

src/content/learn/build-a-react-app-from-scratch.md

@@ -65,11 +65,7 @@ Rsbuild には、ファストリフレッシュ、JSX、TypeScript、スタイ
 
 #### React Native 用の Metro {/*react-native*/}
 
-<<<<<<< HEAD
 React Native をゼロから始める場合は、React Native 用の JavaScript バンドラである [Metro](https://metrobundler.dev/) を使用する必要があります。Metro は iOS や Android などのプラットフォーム向けのバンドル機能をサポートしていますが、上記で紹介したツールと比較すると多くの機能が不足しています。プロジェクトが React Native のサポートを必要としているのでない限り、Vite、Parcel、または Rsbuild から始めることをお勧めします。
-=======
-If you're starting from scratch with React Native you'll need to use [Metro](https://metrobundler.dev/), the JavaScript bundler for React Native. Metro supports bundling for platforms like iOS and Android, but lacks many features when compared to the tools here. We recommend starting with Vite, Parcel, or Rsbuild unless your project requires React Native support.
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
 
 </Note>
 
@@ -119,17 +115,10 @@ GraphQL API からデータを取得する場合、以下の使用をお勧め
 
 ルートごとにコードを分割するだけでなく、バンドルやデータフェッチと統合することで、アプリの初期読み込み時間とアプリの最大可視コンテンツのレンダー時間 ([Largest Contentful Paint](https://web.dev/articles/lcp)) を短縮できます。
 
-<<<<<<< HEAD
 コード分割の手順については、ビルドツールのドキュメントを参照してください。
-- [Vite のビルド最適化](https://v3.vitejs.dev/guide/features.html#build-optimizations)
+- [Vite のビルド最適化](https://vite.dev/guide/features.html#build-optimizations)
 - [Parcel のコード分割](https://parceljs.org/features/code-splitting/)
 - [Rsbuild のコード分割](https://rsbuild.dev/guide/optimization/code-splitting)
-=======
-For code-splitting instructions, see your build tool docs:
-- [Vite build optimizations](https://vite.dev/guide/features.html#build-optimizations)
-- [Parcel code splitting](https://parceljs.org/features/code-splitting/)
-- [Rsbuild code splitting](https://rsbuild.dev/guide/optimization/code-splitting)
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
 
 ### アプリケーションパフォーマンスの向上 {/*improving-application-performance*/}
 

src/content/learn/creating-a-react-app.md

@@ -32,11 +32,7 @@ React を使って新しいアプリやウェブサイトを作成したい場
 npx create-next-app@latest
 </TerminalBlock>
 
-<<<<<<< HEAD
-Next.js は [Vercel](https://vercel.com/) によってメンテナンスされています。Next.js アプリを Node.js やサーバレスホスティング、または独自のサーバに[デプロイできます](https://nextjs.org/docs/app/building-your-application/deploying)。Next.js はまた、サーバを必要としない[静的エクスポート](https://nextjs.org/docs/app/building-your-application/deploying/static-exports)をサポートしています。Vercel はさらにオプトインの有料クラウドサービスも提供しています。
-=======
-Next.js is maintained by [Vercel](https://vercel.com/). You can [deploy a Next.js app](https://nextjs.org/docs/app/building-your-application/deploying) to any hosting provider that supports Node.js or Docker containers, or to your own server. Next.js also supports [static export](https://nextjs.org/docs/app/building-your-application/deploying/static-exports) which doesn't require a server.
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
+Next.js は [Vercel](https://vercel.com/) によってメンテナンスされています。Next.js アプリは Node.js や Docker コンテナをサポートする任意のホスティングプロバイダ上で[デプロイできます](https://nextjs.org/docs/app/building-your-application/deploying)。Next.js はまた、サーバを必要としない[静的エクスポート](https://nextjs.org/docs/app/building-your-application/deploying/static-exports)をサポートしています。
 
 ### React Router (v7) {/*react-router-v7*/}
 
@@ -110,11 +106,7 @@ Next.js の App Router は、[サスペンス (Suspense) を使用したデー
 
 ゼロから始めることでより柔軟性が得られますが、ルーティング、データフェッチ、その他の一般的な使用パターンにどのツールを使用するかを選択する必要があります。これは、既存のフレームワークを使用する代わりに自分自身でフレームワークを構築するようなものです。[おすすめのフルスタックフレームワーク](#full-stack-frameworks)には、これらの問題に対する組み込みの解決策があります。
 
-<<<<<<< HEAD
 独自のソリューションを構築したい場合は、[ゼロからの React アプリ構築](/learn/build-a-react-app-from-scratch)ガイドを参照し、[Vite](https://vite.dev/)、[Parcel](https://parceljs.org/)、または [RSbuild](https://rsbuild.dev/) のようなビルドツールを使って新しい React プロジェクトをセットアップする方法を確認してください。
-=======
-If you want to build your own solutions, see our guide to [build a React app from Scratch](/learn/build-a-react-app-from-scratch) for instructions on how to set up a new React project starting with a build tool like [Vite](https://vite.dev/), [Parcel](https://parceljs.org/), or [RSbuild](https://rsbuild.dev/).
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
 
 -----
 

src/content/learn/preserving-and-resetting-state.md

@@ -672,11 +672,7 @@ label {
 
 </Sandpack>
 
-<<<<<<< HEAD
 チェックボックスをクリックするとカウンタの state がリセットされます。`Counter` をレンダーしていることは同じでも、`<div>` の最初の子が `section` から `div` に変わっています。子側の `section` が DOM から削除されたとき、その下のツリー全体（`Counter` とその state を含む）も破棄されたのです。
-=======
-The counter state gets reset when you click the checkbox. Although you render a `Counter`, the first child of the `div` changes from a `section` to a `div`. When the child `section` was removed from the DOM, the whole tree below it (including the `Counter` and its state) was destroyed as well.
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
 
 <DiagramGroup>
 

src/content/learn/react-compiler.md

@@ -6,13 +6,6 @@ title: React Compiler
 このページでは、React Compiler の概要と、試用の方法について説明します。
 </Intro>
 
-<<<<<<< HEAD
-<Wip>
-このドキュメントはまだ作成中です。詳細なドキュメントは [React Compiler Working Group リポジトリ](https://github.com/reactwg/react-compiler/discussions)にあり、安定化後にこちらのドキュメントに反映されます。
-</Wip>
-
-=======
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
 <YouWillLearn>
 
 * コンパイラを使い始める
@@ -22,29 +15,16 @@ title: React Compiler
 </YouWillLearn>
 
 <Note>
-<<<<<<< HEAD
-React Compiler はベータ版の新しいコンパイラであり、コミュニティから早期フィードバックを得るためにオープンソース化したものです。Meta などの企業の本番環境で利用されていますが、あなたのアプリでコンパイラを本番利用できるかどうかは、コードベースの健全性や、[React のルール](/reference/rules)をどの程度守れているかに依存します。
-
-最新版のベータリリースは `@beta` タグで、またデイリーの実験的リリースは `@experimental` タグで利用可能です。
-</Note>
-
-React Compiler は新しいコンパイラであり、コミュニティから早期フィードバックを得るためにオープンソース化したものです。これはビルド時のみに実行されるツールであり、あなたの React アプリを自動的に最適化します。プレーンな JavaScript で動作し、[React のルール](/reference/rules)を理解しているため、コードを書き直す必要はありません。
-
-コンパイラには、コンパイラの分析結果をエディタ内でその場で表示できる [ESLint プラグイン](#installing-eslint-plugin-react-compiler) も含まれています。**すべての開発者に、このリンタを直ちに有効化することを強くお勧めします**。このリンタはコンパイラがインストールされていなくとも動作するため、アプリでコンパイラを試用する準備ができていない場合でも利用できます。
+React Compiler は新しいコンパイラであり、現在リリース候補版です。コミュニティからフィードバックを得るためにオープンソース化したものです。現在、すべての方にコンパイラーを試した上でフィードバックを寄せていただくことを推奨しています。
 
-このコンパイラは現在 `beta` としてリリースされており、React 17 以降のアプリやライブラリで試すことができます。ベータ版をインストールするには以下のようにします。
-=======
-React Compiler is a new compiler currently in RC, that we've open sourced to get feedback from the community. We now recommend everyone to try the compiler and provide feedback.
-
-The latest RC release can be found with the `@rc` tag, and daily experimental releases with `@experimental`.
+最新版のリリース候補は `@rc` タグで、またデイリーの実験的リリースは `@experimental` タグで利用可能です。
 </Note>
 
-React Compiler is a new compiler that we've open sourced to get feedback from the community. It is a build-time only tool that automatically optimizes your React app. It works with plain JavaScript, and understands the [Rules of React](/reference/rules), so you don't need to rewrite any code to use it.
+React Compiler は新しいコンパイラであり、コミュニティからフィードバックを得るためにオープンソース化したものです。これはビルド時のみに実行されるツールであり、あなたの React アプリを自動的に最適化します。プレーンな JavaScript で動作し、[React のルール](/reference/rules)を理解しているため、コードを書き直す必要はありません。
 
-eslint-plugin-react-hooks also includes an [ESLint rule](#installing-eslint-plugin-react-compiler) that surfaces the analysis from the compiler right in your editor. **We strongly recommend everyone use the linter today.** The linter does not require that you have the compiler installed, so you can use it even if you are not ready to try out the compiler.
+eslint-plugin-react-hooks には、コンパイラの分析結果をエディタ内でその場で表示できる [ESLint ルール](#installing-eslint-plugin-react-compiler) も含まれています。**すべての開発者に、このリンタを直ちに有効化することを強くお勧めします**。このリンタはコンパイラがインストールされていなくとも動作するため、アプリでコンパイラを試用する準備ができていない場合でも利用できます。
 
-The compiler is currently released as `rc`, and is available to try out on React 17+ apps and libraries. To install the RC:
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
+このコンパイラは現在 `rc` としてリリースされており、React 17 以降のアプリやライブラリで試すことができます。リリース候補版をインストールするには以下のようにします。
 
 <TerminalBlock>
 {`npm install -D babel-plugin-react-compiler@rc eslint-plugin-react-hooks@^6.0.0-rc.1`}
@@ -132,65 +112,23 @@ function TableContainer({ items }) {
 
 ### コンパイラを試すべきか {/*should-i-try-out-the-compiler*/}
 
-<<<<<<< HEAD
-コンパイラはまだベータ版であり、多くの粗削りな部分があります。Meta のような企業で本番環境で使用されてはいますが、アプリにコンパイラを本番導入すべきかどうかは、コードベースの健全性と [React のルール](/reference/rules)にどれだけ従っているかに依存します。
-=======
-The compiler is now in RC and has been tested extensively in production. While it has been used in production at companies like Meta, rolling out the compiler to production for your app will depend on the health of your codebase and how well you've followed the [Rules of React](/reference/rules).
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
+コンパイラは現在リリース候補 (RC) であり、本番環境で広範にテストされています。Meta のような企業で本番環境で使用されてはいますが、アプリにコンパイラを本番導入すべきかどうかは、コードベースの健全性と [React のルール](/reference/rules)にどれだけ従っているかに依存します。
 
 **今すぐコンパイラを使用する必要はありません。安定版リリースを待ってから採用しても構いません**。ただし、アプリで小規模な実験として試してみて、[フィードバック](#reporting-issues)を提供していただれば、コンパイラの改善に役立ちます。
 
 ## スタートガイド {/*getting-started*/}
 
 以下のドキュメントに加えて、コンパイラに関する追加情報やディスカッションについて [React Compiler Working Group](https://github.com/reactwg/react-compiler) を確認することをお勧めします。
 
-<<<<<<< HEAD
-### eslint-plugin-react-compiler のインストール {/*installing-eslint-plugin-react-compiler*/}
-
-React Compiler は ESLint プラグインも提供しています。eslint プラグインはコンパイラとは**独立して**使用できるため、コンパイラを使用しなくても ESLint プラグインだけを使用できます。
-=======
-### Installing eslint-plugin-react-hooks {/*installing-eslint-plugin-react-compiler*/}
+### eslint-plugin-react-hooks のインストール {/*installing-eslint-plugin-react-compiler*/}
 
-React Compiler also powers an ESLint plugin. You can try it out by installing eslint-plugin-react-hooks@^6.0.0-rc.1.
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
+React Compiler は ESLint プラグインも提供しています。eslint-plugin-react-hooks@^6.0.0-rc.1 をインストールすることで試用可能です。
 
 <TerminalBlock>
 {`npm install -D eslint-plugin-react-hooks@^6.0.0-rc.1`}
 </TerminalBlock>
 
-<<<<<<< HEAD
-次に、ESLint の設定に以下を追加します。
-
-```js
-import reactCompiler from 'eslint-plugin-react-compiler'
-
-export default [
-  {
-    plugins: {
-      'react-compiler': reactCompiler,
-    },
-    rules: {
-      'react-compiler/react-compiler': 'error',
-    },
-  },
-]
-```
-
-あるいは、非推奨の eslintrc 形式の設定ファイルの場合、以下のようにします。
-
-```js
-module.exports = {
-  plugins: [
-    'eslint-plugin-react-compiler',
-  ],
-  rules: {
-    'react-compiler/react-compiler': 'error',
-  },
-}
-```
-=======
-See our [editor setup](/learn/editor-setup#linting) guide for more details.
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
+詳細については[エディタのセットアップ](/learn/editor-setup#linting)を参照してください。
 
 ESLint プラグインは、エディタ内で React のルールに関する違反を表示します。これが表示される場合、そのコンポーネントやフックの最適化をコンパイラがスキップしたということを意味します。これ自体は全く問題なく、コンパイラは他のコンポーネントの最適化を続けることができます。
 

src/content/learn/removing-effect-dependencies.md

@@ -1241,11 +1241,7 @@ export default function Timer() {
 
 </Sandpack>
 
-<<<<<<< HEAD
 エフェクトの中で `count` を読み取る代わりに、`c => c + 1` という指示（「この数値をインクリメントせよ」）を React に渡します。React は次のレンダー時にそれを適用します。エフェクトの中で `count` の値を読み取る必要がなくなったので、エフェクトの依存配列を空 (`[]`) に保つことができます。これにより、エフェクトが毎秒インターバルを再作成するのを防ぐことができます。
-=======
-Instead of reading `count` inside the Effect, you pass a `c => c + 1` instruction ("increment this number!") to React. React will apply it on the next render. And since you don't need to read the value of `count` inside your Effect anymore, you can keep your Effect's dependencies empty (`[]`). This prevents your Effect from re-creating the interval on every tick.
->>>>>>> 3ee3a60a1bcc687c0b87039a3a6582e3b1d6887c
 
 </Solution>