Skip to content

Commit e313b74

Browse files
committed
微修正
1 parent 910c9ff commit e313b74

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/learn/react-compiler.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: React Compiler
33
---
44

55
<Intro>
6-
このページでは、新しい実験的プロジェクトである React Compiler の概要と、その試し方について説明します
6+
このページでは、新しい実験的プロジェクトである React Compiler の概要と、試用の方法について説明します
77
</Intro>
88

99
<Wip>
@@ -12,7 +12,7 @@ title: React Compiler
1212

1313
<YouWillLearn>
1414

15-
* コンパイラの始め方
15+
* コンパイラを使い始める
1616
* コンパイラと eslint プラグインのインストール
1717
* トラブルシューティング
1818

@@ -21,7 +21,7 @@ title: React Compiler
2121
<Note>
2222
React Compiler は実験的なコンパイラであり、コミュニティから早期フィードバックを得るためにオープンソース化したものです。まだ粗削りな部分があり、本番環境で使用できる準備は整っていません。
2323

24-
React Compiler の使用には React 19 RC が必要です。React 19 にアップグレードできない場合は、[Working Group](https://github.com/reactwg/react-compiler/discussions/6) で説明されているように、キャッシュ関数に対するユーザスペースの実装を試すことができます。ただし、これは推奨されておらず、可能な限り React 19 にアップグレードするべきです。
24+
React Compiler の使用には React 19 RC が必要です。React 19 にアップグレードできない場合は、[Working Group](https://github.com/reactwg/react-compiler/discussions/6) で説明されているように、キャッシュ関数に対するユーザスペースの実装を試すことができます。ただしこれは推奨されておらず、可能な限り React 19 にアップグレードするべきです。
2525
</Note>
2626

2727
React Compiler は実験的なコンパイラであり、コミュニティから早期フィードバックを得るためにオープンソース化したものです。これはビルド時のみに実行されるツールであり、あなたの React アプリを自動的に最適化します。プレーンな JavaScript で動作し、[React のルール](/reference/rules)を理解しているため、コードを書き直す必要はありません。
@@ -367,7 +367,7 @@ React Native は Metro 経由で Babel を使用するため、インストー
367367

368368
これは React 19 RC 以降を使用していない場合に発生します。これを修正するには、まず[アプリを React 19 RC にアップグレード](https://react.dev/blog/2024/04/25/react-19-upgrade-guide)してください。
369369

370-
React 19 にアップグレードできない場合は、[Working Group](https://github.com/reactwg/react-compiler/discussions/6) で説明されているように、キャッシュ関数に関するユーザスペースの実装を試すことができます。ただし、これは推奨されておらず、可能な限り React 19 にアップグレードするべきです。
370+
React 19 にアップグレードできない場合は、[Working Group](https://github.com/reactwg/react-compiler/discussions/6) で説明されているように、キャッシュ関数に関するユーザスペースの実装を試すことができます。ただしこれは推奨されておらず、可能な限り React 19 にアップグレードするべきです。
371371

372372
### コンポーネントが最適化されたかどうかを知る方法 {/*how-do-i-know-my-components-have-been-optimized*/}
373373

@@ -390,12 +390,12 @@ function SuspiciousComponent() {
390390
<Note>
391391
#### `"use no memo"` {/*use-no-memo*/}
392392

393-
`"use no memo"` は、React Compiler によってコンパイルされるコンポーネントやフックを一時的に除外するための*一時的な*避難ハッチです。このディレクティブは、例えば [`"use client"`](/reference/rsc/use-client) のように長期に渡って使用されることを意図したものではありません。
393+
`"use no memo"` は、React Compiler によるコンパイルからコンポーネントやフックを一時的に除外するための*一時的な*避難ハッチです。このディレクティブは、例えば [`"use client"`](/reference/rsc/use-client) のように長期に渡って使用されることを意図したものではありません。
394394

395395
このディレクティブを使用するのは本当に必要な場合に限ることをお勧めします。一度コンポーネントやフックを除外してしまえば、ディレクティブを削除するまで永遠に除外され続けることになります。つまり、コードの問題を修正しても、ディレクティブを削除しない限りコンパイラはコンパイルを行わなくなります。
396396
</Note>
397397

398-
これでエラーが解消された場合、除外ディレクティブを削除してみて問題が再発することを確認してください。その後、バグレポートを [React Compiler Playground](https://playground.react.dev) を使って共有してください(小さな再現コードに削減するか、オープンソースコードであればソース全体を貼り付けることもできます)。これにより問題を特定して修正する手助けができます
398+
これでエラーが解消された場合、この除外ディレクティブを削除してみて問題が再発することを確認してください。その後、バグレポートを [React Compiler Playground](https://playground.react.dev) を使って共有してください(小さな再現コードに削減するか、オープンソースコードであればソース全体を貼り付けることもできます)。これにより問題を特定して修正する手助けができるようになります
399399

400400
### その他の問題 {/*other-issues*/}
401401

0 commit comments

Comments
 (0)