Skip to content

Commit

Permalink
Translate "memo" and unify expressions in Deep Dive
Browse files Browse the repository at this point in the history
  • Loading branch information
smikitky committed Oct 12, 2023
1 parent 8bbf29d commit ea70fb5
Show file tree
Hide file tree
Showing 4 changed files with 75 additions and 75 deletions.
8 changes: 4 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 @@ -127,9 +127,9 @@ function TodoList({ todos, filter }) {

<DeepDive>

#### 計算が高価かどうかを判断する方法 {/*how-to-tell-if-a-calculation-is-expensive*/}
#### 計算コストが高いかどうかを見分ける方法 {/*how-to-tell-if-a-calculation-is-expensive*/}

一般的に、何千ものオブジェクトを作成したりループしたりしていない限り、おそらく高価ではありません。より確信を持ちたい場合は、コードが消費した時間を測定するためにコンソールログを追加できます
一般的に、何千ものオブジェクトを作成したりループしたりしていない限り、おそらく高価ではありません。より確信を持ちたい場合は、コンソールログを追加して、コードの実行にかかった時間を計測することができます

```js {1,3}
console.time('filter array');
Expand All @@ -149,9 +149,9 @@ console.timeEnd('filter array');

`useMemo`*初回*レンダーを高速化しません。更新時に不要な作業をスキップするときにのみ役立ちます。

あなたのマシンはおそらくユーザのものよりも高速であるということを念頭に置き、人工的に遅くした環境でパフォーマンスをテストすることも良い考えです。例えば、Chrome ではこれに対応する [CPU スロットリング](https://developer.chrome.com/blog/new-in-devtools-61/#throttling)オプションが提供されています。
また、ほとんどの場合に、あなたが使っているマシンは、ユーザのマシンより高速に動作するであろうことを忘れてはいけません。そのため、意図的に処理速度を低下させてパフォーマンスをテストするのが良いでしょう。例えば、Chrome では [CPU スロットリング](https://developer.chrome.com/blog/new-in-devtools-61/#throttling)オプションが提供されています。

また、開発環境でのパフォーマンス測定では完全に正確な結果は得られないことに注意してください。(例えば、[Strict Mode](/reference/react/StrictMode) がオンの場合、各コンポーネントが 1 度ではなく 2 度レンダーされることがあります。)最も正確に時間を計測するためには、アプリを本番環境用にビルドし、ユーザが持っているデバイスでテストしてください
また、開発環境でのパフォーマンス測定では完全に正確な結果は得られないことに注意してください。(例えば、[Strict Mode](/reference/react/StrictMode) がオンの場合、各コンポーネントが 1 度ではなく 2 度レンダーされることがあります。)最も正確にパフォーマンスを計測するためには、アプリを本番環境用にビルドし、ユーザが持っているようなデバイスでテストしてください

</DeepDive>

Expand Down
Loading

0 comments on commit ea70fb5

Please sign in to comment.