diff --git a/src/content/learn/escape-hatches.md b/src/content/learn/escape-hatches.md index fe0fefaa5..ea732e10f 100644 --- a/src/content/learn/escape-hatches.md +++ b/src/content/learn/escape-hatches.md @@ -736,7 +736,7 @@ button { margin-left: 10px; } -依存値のリストを編集して `options` を削除することから始めなかったことに注意してください。それは間違いです。代わりに、依存関係が*不要*になるよう、周囲のコードを変更したのです。依存値のリストは、あなたのエフェクトのコードが使用しているすべてのリアクティブな値の一覧だと考えてください。そのリストに何を置くかを意識して選ぶのではありません。リストはあなたのコードの説明にすぎません。依存配列を変更するには、コードの方を変更します。 +依存値のリストを編集して `options` を削除することから始めなかったことに注意してください。それは間違いです。代わりに、`options` が依存値として*不要*になるよう、周囲のコードを変更したのです。依存値のリストは、あなたのエフェクトのコードが使用しているすべてのリアクティブな値の一覧だと考えてください。そのリストに何を置くかを意識して選ぶのではありません。リストはあなたのコードの説明にすぎません。依存配列を変更するには、コードの方を変更します。 diff --git a/src/content/learn/synchronizing-with-effects.md b/src/content/learn/synchronizing-with-effects.md index 755d2fba7..5801fc9fb 100644 --- a/src/content/learn/synchronizing-with-effects.md +++ b/src/content/learn/synchronizing-with-effects.md @@ -1252,7 +1252,7 @@ body { -条件付きのロジックはエフェクトの中に入れます。エフェクトの中で `shouldFocus` を使用しているため、依存関係として `shouldFocus` を指定する必要があります。（これは、ある入力欄の `shouldFocus` が `false` から `true` に変わった場合、フォーカスが当たるということでもあります。） +条件付きのロジックはエフェクトの中に入れます。エフェクトの中で `shouldFocus` を使用しているため、依存値として `shouldFocus` を指定する必要があります。（これは、ある入力欄の `shouldFocus` が `false` から `true` に変わった場合、フォーカスが当たるということでもあります。） diff --git a/src/content/learn/understanding-your-ui-as-a-tree.md b/src/content/learn/understanding-your-ui-as-a-tree.md index 4dfb2fc76..d2c442cd4 100644 --- a/src/content/learn/understanding-your-ui-as-a-tree.md +++ b/src/content/learn/understanding-your-ui-as-a-tree.md @@ -293,7 +293,7 @@ React アプリにおいて、ツリー構造で関係性をモデル化でき * レンダーツリーの概念は、トップレベルとリーフコンポーネントを特定するのに役立つ。トップレベルのコンポーネントはそれらの下の全コンポーネントのレンダーパフォーマンスに影響を与え、リーフコンポーネントは頻繁に再レンダーされる。これらを把握することでレンダーパフォーマンスの理解とデバッグに役立つ。 * 依存関係ツリーは、React アプリ内のモジュール依存関係を表現する。 * 依存関係ツリーは、アプリを届けるために必要なコードをバンドルするビルドツールによって使用される。 -* 依存関係ツリーは、ペイントまでの時間を遅らせるバンドルサイズの問題をデバッグしたり、どのコードをバンドル対象とするか最適化するきっかけとなることに役立つ。 +* 依存関係ツリーは、ペイントを遅らせる大きなバンドルサイズの問題をデバッグしたり、バンドルするコードを最適化できる箇所を見つけたりするのに役立つ。