Skip to content

Commit

Permalink
Apply suggestions from code review
Browse files Browse the repository at this point in the history
Co-Authored-By: Alexey Pyltsyn <[email protected]>
  • Loading branch information
IgorLesnevskiy and lex111 authored Sep 4, 2019
1 parent 22433d5 commit f56445e
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions content/docs/reference-profiler.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ render(
);
```

Также, `Profiler` можно использовать во вложенности, с целью замера разных компонентов внутри поддерева:
Также `Profiler` может быть вложенным, с целью замера разных компонентов внутри поддерева:
```js{2,6,8}
render(
<App>
Expand Down Expand Up @@ -82,7 +82,7 @@ function onRenderCallback(
id, // проп "id" из дерева компонента Profiler, для которого было зафиксировано изменение
phase, // либо "mount" (если дерево было смонтировано), либо "update" (если дерево было повторно отрендерено)
actualDuration, // время, затраченное на рендер зафиксированного обновления
baseDuration, // предполагаемое время рендера всего поддерева без кэширования
baseDuration, // предполагаемое время рендера всего поддерева без кеширования
startTime, // когда React начал рендерить это обновление
commitTime, // когда React зафиксировал это обновление
interactions // Set-набор взаимодействий для данного обновления
Expand All @@ -93,25 +93,25 @@ function onRenderCallback(
Давайте поближе рассмотрим каждый из пропсов:

* **`id: string`** -
проп `id` из дерева компонента `Profiler`, для которого было зафиксировано изменение.
Проп `id` из дерева компонента `Profiler`, для которого было зафиксировано изменение.
Может использоваться для определения той части дерева, которое было зафиксировано, если вы используете несколько профайлеров.
* **`phase: "mount" | "update"`** -
показывает, было ли дерево только что смонтировано в первый раз или повторно отрендерено в результате изменения пропсов, состояния или хуков.
Показывает, было ли дерево только что смонтировано в первый раз или повторно отрендерено в результате изменения пропсов, состояния или хуков.
* **`actualDuration: number`** -
время, затраченное на рендеринг компонента `Profiler` и его дочерних компонентов для текущего обновления.
Время, затраченное на рендеринг компонента `Profiler` и его дочерних компонентов для текущего обновления.
Показывает насколько хорошо поддерево использует мемоизацию (например, [`React.memo`](/docs/react-api.html#reactmemo), [`useMemo`](/docs/hooks-reference.html#usememo), [`shouldComponentUpdate`](/docs/hooks-faq.html#how-do-i-implement-shouldcomponentupdate)).
В идеальном случае это значение должно существенно снизиться после монтирования, так как многим из дочерних компонентов
нужно будет перерендериваться только в случае, если изменяются их специфичные пропсы.
* **`baseDuration: number`** -
длительность самого последнего рендеринга для каждого отдельного компонента внутри дерева компонента `Profiler`.
Длительность самого последнего рендеринга для каждого отдельного компонента внутри дерева компонента `Profiler`.
Это значение оценивает стоимость рендера в наихудшем случае (например, изначальное монтирование или дерево без мемоизации).
* **`startTime: number`** -
временная метка, когда React начал рендерить текущее обновление.
Временная метка, когда React начал рендерить текущее обновление.
* **`commitTime: number`** -
временная метка, когда React зафиксировал текущее обновление.
Временная метка, когда React зафиксировал текущее обновление.
Это значение доступно для всех профайлеров при фиксации, позволяя группировать их, если в этом есть необходимость.
* **`interactions: Set`** -
Set-набор ["взаимодействий"](http://fb.me/react-interaction-tracing), которые были зафиксированы во время подготовки изменения
Множество ["взаимодействий"](http://fb.me/react-interaction-tracing), которые были зафиксированы во время подготовки изменения
(например, когда `render` или `setState` были вызваны).

> Примечание:
Expand Down

0 comments on commit f56445e

Please sign in to comment.