diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md index ca43b9a62..acc8ce3de 100644 --- a/src/content/learn/render-and-commit.md +++ b/src/content/learn/render-and-commit.md @@ -194,11 +194,11 @@ export default function App() { これが上手く動作するのは、最終ステップで React によって更新されるのが、新しい `time` の値で更新される `

` の中身だけだからです。`` は JSX 内で前回と同じ場所にあるので、React は `` やその `value` に触れません! -## エピローグ:ブラウザのペイント {/*epilogue-browser-paint*/} +## エピローグ:ブラウザの描画 {/*epilogue-browser-paint*/} -レンダーが完了し、React が DOM を更新した後、ブラウザは画面を再描画します。このプロセスは「ブラウザレンダリング」として知られていますが、我々は、混乱を避けるために、ドキュメント全体を通して「ペイント」と呼ぶことにします。 +レンダーが完了し、React が DOM を更新した後、ブラウザは画面を再描画します。このプロセスは「ブラウザレンダリング」として知られていますが、我々は、混乱を避けるために、ドキュメント全体を通して「描画」と呼ぶことにします。 - + @@ -210,4 +210,3 @@ export default function App() { * レンダー結果が前回と同一である場合、React は DOM を触らない。 - 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..38535160a 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 アプリ内のモジュール依存関係を表現する。 * 依存関係ツリーは、アプリを届けるために必要なコードをバンドルするビルドツールによって使用される。 -* 依存関係ツリーは、ペイントまでの時間を遅らせるバンドルサイズの問題をデバッグしたり、どのコードをバンドル対象とするか最適化するきっかけとなることに役立つ。 +* 依存関係ツリーは、描画までの時間を遅らせるバンドルサイズの問題をデバッグしたり、どのコードをバンドル対象とするか最適化するきっかけとなることに役立つ。