Apply suggestions from code review

Co-authored-by: Anton Ahatov <[email protected]>

Author: Ivan

content/blog/2018-09-10-introducing-the-react-profiler.md

@@ -1,5 +1,5 @@
 ---
-title: "Представляем the React Profiler"
+title: "Представляем React Profiler"
 author: [bvaughn]
 ---
 React 16.5 добавляет поддержку нового плагина профилировщика DevTools.
@@ -22,7 +22,7 @@ React 16.5 добавляет поддержку нового плагина п
 
 ## Профилирование приложения {#profiling-an-application}
 
-DevTools покажет вкладку "Profiler" для приложений, поддерживающих новый API профилирования:
+DevTools покажет вкладку «Profiler» для приложений, поддерживающих новый API профилирования:
 
 ![New DevTools "profiler" tab](../images/blog/introducing-the-react-profiler/devtools-profiler-tab.png)
 
@@ -32,13 +32,13 @@ DevTools покажет вкладку "Profiler" для приложений, 
 > Для профилирования в production доступен пакет `react-dom/profiling`.
 > Подробнее о том, как использовать этот пакет [fb.me/react-profiling](https://fb.me/react-profiling) 
 
-Панель "Profiler" изначально будет пустой. Нажмите кнопку записи, чтобы начать профилирование:
+Панель «Profiler» изначально будет пустой. Нажмите кнопку записи, чтобы начать профилирование:
 
 ![Click "record" to start profiling](../images/blog/introducing-the-react-profiler/start-profiling.png)
 
 После того, как вы начали запись, DevTools будет автоматически собирать информацию о производительности при каждом рендеринге вашего приложения.
 Используйте свое приложение, как обычно.
-Когда вы закончили профилирование, нажмите кнопку "Stop".
+Когда вы закончили профилирование, нажмите кнопку «Stop».
 
 ![Click "stop" when you are finished profiling](../images/blog/introducing-the-react-profiler/stop-profiling.png)
 
@@ -76,7 +76,7 @@ DevTools покажет вкладку "Profiler" для приложений, 
 ### Flame chart диаграмма {#flame-chart}
 
 Flame chart диаграмма представляет состояние вашего приложения для конкретного коммита.
-Каждый столбец в диаграмме представляеи React компонент (например `App`, `Nav`).
+Каждый столбец в диаграмме представляет React-компонент (например `App`, `Nav`).
 Размер и цвет столбца показывают, сколько времени потребовалось для рендера компонента и его дочерних компонентов.
 (Ширина столбца показывает, сколько времени было потрачено _при последнем рендере_. Цвет показывает, сколько времени было потрачено _как часть текущего коммита_.)
 
@@ -92,7 +92,7 @@ Flame chart диаграмма представляет состояние ва
 > Желтые компоненты занимали больше времени, синие компоненты - меньше времени, а серые компоненты вообще не рендерелись во время текущего коммита.
 
 Например, показанный выше коммит занял в общей сложности 18.4мс для рендера.
-Компонент `Router` оказался "самым дорогим" для рендера (taking 18.4мс).
+Компонент `Router` оказался «самым дорогим» для рендера (занял 18.4мс).
 Большая часть этого времени была связана с двумя его дочерними компонентами, `Nav` (8.4мс) и `Route` (7.9мс).
 Остальное время было разделено между оставшимися дочерними компонентами или потрачено на собственный метод рендера компонента.
 
@@ -136,10 +136,10 @@ Flame chart диаграмма представляет состояние ва
 ![Example component chart](../images/blog/introducing-the-react-profiler/component-chart.png)
 
 На диаграмме выше показано, что компонент `List` был отрендерен 11 раз.
-Он также показывает, что каждый раз при рендере это был самый "дорогой" компонент в коммите (это означает, что он занимал больше всего времени).
+Он также показывает, что каждый раз при рендере это был самый «дорогой» компонент в коммите (это означает, что он занимал больше всего времени).
 
 Чтобы просмотреть эту диаграмму дважды кликните на компонент, _либо_ выберите компонент и кликните на значок синей гистограммы на правой панели сведений.
-Вы можете вернуться к предыдущей диаграмме, нажав кнопку "x" на правой панели деталей.
+Вы можете вернуться к предыдущей диаграмме, нажав кнопку «x» на правой панели деталей.
 Вы также можете дважды кликнуть по определенному столбцу, чтобы просмотреть дополнительную информацию об этой коммите.
 
 ![How to view all renders for a specific component](../images/blog/introducing-the-react-profiler/see-all-commits-for-a-fiber.gif)
@@ -151,7 +151,7 @@ Flame chart диаграмма представляет состояние ва
 ### Взаимодействия {#interactions}
 
 React недавно добавил еще один [экспериментальный API](https://fb.me/react-interaction-tracing) для отслеживания _причины_ обновления.
-"Взаимодействия" отслеживаемые этим API, также будут отображаться в профилировщике:
+«Взаимодействия» отслеживаемые этим API, также будут отображаться в профилировщике:
 
 ![The interactions panel](../images/blog/introducing-the-react-profiler/interactions.png)
 
@@ -173,10 +173,10 @@ API трассировки все еще новый, и мы расскажем
 
 ### Данные профилирования не записаны для выбранного root {#no-profiling-data-has-been-recorded-for-the-selected-root}
 
-Если ваше приложение имеет несколько "roots", после профилирования вы можете увидеть следующее сообщение:
+Если ваше приложение имеет несколько «roots», после профилирования вы можете увидеть следующее сообщение:
 ![No profiling data has been recorded for the selected root](../images/blog/introducing-the-react-profiler/no-profiler-data-multi-root.png)
 
-Это сообщение означает, что не было записано никаких данных о производительности для root выбранного в панели "Элементы".
+Это сообщение означает, что не было записано никаких данных о производительности для root выбранного в панели «Элементы».
 В этом случае попробуйте выбрать другой root на этой панели, чтобы просмотреть информацию профилирования для этого root:
 
 ![Select a root in the "Elements" panel to view its performance data](../images/blog/introducing-the-react-profiler/select-a-root-to-view-profiling-data.gif)