Apply suggestions from code review

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

Author: pblyp

src/content/learn/index.md

@@ -299,7 +299,7 @@ function MyButton() {
 
 ## Обновление экрана {/*updating-the-screen*/}
 
-Вам может понадобиться, чтобы ваш компонент "помнил" какую-то информацию и отображал её. Например, вы хотите посчитать, сколько раз была нажата кнопка. Чтобы это сделать, добавьте *состояние* в ваш компонент.
+Вам может понадобиться, чтобы компонент «помнил» какую-то информацию и отображал её. Например, вы хотите посчитать сколько раз была нажата кнопка. Чтобы это сделать, добавьте *состояние* в ваш компонент.
 
 Сначала импортируйте [`useState`](/reference/react/useState) из React:
 
@@ -382,7 +382,7 @@ button {
 
 ## Использование хуков {/*using-hooks*/}
 
-Функции, которые начинаются с `use`, называются *хуками*. `useState` — это встроенный в React хук. В [справочнике API](/reference/react) приводятся другие встроенные хуки. Также, вы можете писать свои собственные хуки, совмещая уже существующие.
+Функции, которые начинаются с `use`, называются *хуками*. `useState` — это встроенный в React хук. В [справочнике API](/reference/react) приводятся другие встроенные хуки. Также, вы можете писать свои собственные хуки, совмещая их с уже существующими.
 
 У хуков больше ограничений, чем у других функций. Хуки могут вызываться только *в начале* ваших компонентов (или других хуков). Если вам нужен `useState` в условии или цикле, выделите новый компонент и используйте его там.
 
@@ -408,19 +408,19 @@ button {
 
 Однако, вы будете часто сталкиваться с ситуацией, когда вам будет нужно, чтобы компоненты *имели общие данные и всегда обновлялись вместе*.
 
-Для того, чтобы оба компонента `MyButton` отображали одно и то же значение `count`, вам нужно выделить состояние из отдельных кнопок "вверх" в ближайший компонент, содержащий эти компоненты.
+Для того, чтобы оба компонента `MyButton` отображали одно и то же значение `count`, вам нужно перенести состояние из отдельных кнопок «выше», в ближайший компонент, содержащий эти компоненты.
 
 В этом случае таким компонентом является `MyApp`:
 
 <DiagramGroup>
 
-<Diagram name="sharing_data_parent" height={385} width={410} alt="Диаграмма, показывающая дерево из трех компонентов, одного родителя под названием MyApp и двух потомков под названием MyButton. MyApp содержит значение счётчика, равное нулю, которое передаётся вниз обоим компонентам MyButton, которые также показывают значение, равное нулю." >
+<Diagram name="sharing_data_parent" height={385} width={410} alt="Диаграмма, показывающая дерево из трех компонентов: одного родителя под названием MyApp и двух потомков под названием MyButton. MyApp содержит значение счётчика равное нулю, которое передаётся вниз обоим компонентам MyButton, которые также показывают нулевое значение." >
 
 Сначала состояние `count` компонента `MyApp` равно `0` и передаётся обоим потомкам
 
 </Diagram>
 
-<Diagram name="sharing_data_parent_clicked" height={385} width={410} alt="Аналогичная предыдущей диаграмма, с выделенным значением первого компонента-потомка MyApp, обозначающая клик и увеличение значение счётчика на один. Направление к обоим компонентам-потомкам MyButton также подсвечено, и значение счётчиков в каждом потомке равно одному, обозначая передачу значения вниз." >
+<Diagram name="sharing_data_parent_clicked" height={385} width={410} alt="Та же диаграмма, но с выделенным значением родительского компонента MyApp, указывающим на клик и увеличение значение счётчика на один. Направление к дочерним MyButton также подсвечено, и значение счётчиков в каждом потомке равно одному, обозначая передачу значения вниз." >
 
 При клике `MyApp` обновляет своё состояние `count` на значение `1` и передаёт его вниз обоим потомкам
 
@@ -467,17 +467,17 @@ export default function MyApp() {
 
   return (
     <div>
-      <h1>Совместно обновляющиеся счётчики</h1>
+      <h1>Одновременно обновляющиеся счётчики</h1>
       <MyButton count={count} onClick={handleClick} />
       <MyButton count={count} onClick={handleClick} />
     </div>
   );
 }
 ```
 
-Информация, которую вы передаёте таким образом, называется _пропсами_. Теперь у компонента `MyApp` есть состояние `count` и обработчик событий `handleClick`, *которые он передает в качестве пропсов* каждой кнопке-потомку.
+Информация, которую вы передаёте таким образом, называется _пропсами_. Теперь у компонента `MyApp` есть состояние `count` и обработчик событий `handleClick`, *которые передаются в качестве пропсов* каждой кнопке.
 
-Наконец, подправьте компонент `MyButton` так, чтобы он *считывал* пропсы, переданные от своего родителя:
+Наконец, измените компонент `MyButton` так, чтобы он *считывал* пропсы, переданные от своего родителя:
 
 ```js {1,3}
 function MyButton({ count, onClick }) {
@@ -532,6 +532,6 @@ button {
 
 ## Следующие шаги {/*next-steps*/}
 
-Теперь вы знаете основы, как писать код для React!
+Теперь вы знаете основы того, как писать код для React!
 
 Ознакомьтесь с [введением](/learn/tutorial-tic-tac-toe), в рамках которого вы сможете применить полученные знания и собрать своё первое мини-приложение на React.