Apply suggestions from code review

Предложения от gcor, самостоятельно замеченные случаи неиспользования буквы `ё`

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

Author: pblyp

src/content/learn/index.md

@@ -4,7 +4,7 @@ title: Quick Start
 
 <Intro>
 
-Добро пожаловать в документацию React! Эта страница посвятит вас в основы 80% концепций React, которыми вы будете пользоваться каждый день.
+Добро пожаловать в документацию React! Эта страница познакомит вас с большинством концепций React, которыми вы будете пользоваться каждый день.
 </Intro>
 
 <YouWillLearn>
@@ -13,14 +13,14 @@ title: Quick Start
 - Как добавлять разметку и стили
 - Как отображать данные
 - Как отрисовывать условия и списки
-- Как реагировать на события и обновлять экран
+- Как реагировать на события и обновлять страницу
 - Как обмениваться данными между компонентами
 
 </YouWillLearn>
 
 ## Создание и вложение компонентов {/*components*/}
 
-Приложения на React собираются из *компонентов*. Компонент — это часть пользовательского интерфейса, у которой есть свои логика и внешность. Компоненты в размерах разнятся от мелких кнопок до больших цельных страниц.
+Приложения на React собираются из *компонентов*. Компонент — это часть пользовательского интерфейса, у которого есть собственная логика и внешность. Компонент может быть маленьким, как кнопка, или большим, как целая страница.
 
 Компоненты React — это функции JavaScript, которые возвращают разметку:
 
@@ -76,7 +76,7 @@ export default function MyApp() {
 
 ## Написание разметки с JSX {/*writing-markup-with-jsx*/}
 
-Используемый в примерах выше синтаксис разметки называется *JSX*. Он не обязателен, но большинство проектов на React предпочитают его использовать за удобство. Все [инструменты, которые мы рекомендуем для локальной разработки,](/learn/installation) поддерживают JSX из коробки.
+Синтаксис разметки, который вы видели выше, называется *JSX*. Он не обязателен, но большинство проектов на React предпочитают его использовать из-за удобства. Все [инструменты, которые мы рекомендуем для локальной разработки,](/learn/installation) поддерживают JSX.
 
 JSX строже HTML. Вам нужно закрывать теги вроде `<br />`. Ваш компонент также не может возвращать несколько JSX-тегов. Их нужно будет обернуть внутрь общего родителя, например, `<div>...</div>` или пустую обёртку вида `<>...</>`:
 
@@ -101,7 +101,7 @@ function AboutPage() {
 <img className="avatar" />
 ```
 
-В отдельном CSS-файле вы прописываете стили для него. 
+В отдельном CSS-файле вы прописываете для него стили. 
 
 ```css
 /* В вашем CSS */
@@ -114,7 +114,7 @@ React не ограничивает вас в том, как добавлять
 
 ## Отображение данных {/*displaying-data*/}
 
-JSX позволяет вам встраивать разметку в JavaScript, а фигурные скобки позволяют вам "выйти" в JavaScript для того, чтобы вы могли встроить какую-либо переменную из вашего кода и показать ее пользователю. Например, этот код отобразит переменную `user.name`:
+Фигурные скобки внутри JSX-разметки позволяют использовать JavaScript, например для того чтобы отобразить свою переменную пользователю. Код ниже отобразит `user.name`:
 
 ```js {3}
 return (
@@ -124,7 +124,7 @@ return (
 );
 ```
 
-Вы тажке можете "выйти в JavaScript" из атрибутов JSX, но вам нужно использовать фигурные скобки *вместо* кавычек. Например, `className="avatar"` передает строку `"avatar"` как класс CSS, но `src={user.imageUrl}` считывает значение JavaScript-переменной `user.imageUrl` и затем передает его в качестве атрибута `src`:
+Вы также можете использовать JavaScript в атрибутах JSX. В таком случае вам нужно поставить фигурные скобки *вместо* кавычек. Например, `className="avatar"` передаёт строку `"avatar"` как CSS-класс, а `src={user.imageUrl}` считывает значение JavaScript-переменной `user.imageUrl` и передаёт его в качестве атрибута `src`:
 
 ```js {3,4}
 return (
@@ -135,7 +135,7 @@ return (
 );
 ```
 
-Вы также можете прописывать более сложные выражения внутри фигурных скобок JSX, например, [сложение строк](https://learn.javascript.ru/operators#slozhenie-strok-pri-pomoschi-binarnogo):
+Вы также можете использовать в JSX более сложные выражения внутри фигурных скобок, например, [сложение строк](https://learn.javascript.ru/operators#slozhenie-strok-pri-pomoschi-binarnogo):
 
 <Sandpack>
 
@@ -176,11 +176,11 @@ export default function Profile() {
 
 </Sandpack>
 
-В этом примере `style={{}}` не явлется особым синтаксисом, а представляет из себя обычный объект `{}` внутри фигурных скобок JSX `style={ }`. Вы можете использовать атрибут `style` в случаях, когда ваши стили зависят от переменных JavaScript.
+В этом примере `style={{}}` не является специальным синтаксисом, а представляет из себя обычный объект `{}` внутри фигурных скобок JSX `style={ }`. Вы можете использовать атрибут `style` в случаях, когда ваши стили зависят от переменных JavaScript.
 
 ## Условный рендеринг {/*conditional-rendering*/}
 
-В React не существует особого синтаксиса для описания условий, вместо этого пишите привычный вам код на JavaScript. Например, для условного использования JSX-кода можно применять инструкцию [`if`](https://developer.mozilla.org/ru-RU/docs/Web/JavaScript/Reference/Statements/if...else):
+В React не существует специального синтаксиса для описания условий, вместо этого можно использовать обычный код на JavaScript. Например, для условного рендеринга JSX-кода можно применять [`if`](https://developer.mozilla.org/ru-RU/docs/Web/JavaScript/Reference/Statements/if...else):
 
 ```js
 let content;
@@ -216,7 +216,7 @@ return (
 </div>
 ```
 
-Все эти способы подходят и для условного задания атрибутов. Если вам не знакомы такие синтаксические конструкции JavaScript, вы можете начать с повсеместного использования `if...else`.
+Все эти способы подходят и для задания условий в атрибутах. Если вам не знакомы такие синтаксические конструкции JavaScript, вы можете начать с использования `if...else`.
 
 ## Рендеринг списков {/*rendering-lists*/}
 
@@ -279,7 +279,7 @@ export default function ShoppingList() {
 
 ## Обработка событий {/*responding-to-events*/}
 
-Можно реагировать на события, объявляя внутри ваших компонентов функции *обработчиков событий*:
+Вы можете реагировать на события, объявляя внутри ваших компонентов функции *обработчиков событий*:
 
 ```js {2-4,7}
 function MyButton() {
@@ -315,9 +315,9 @@ function MyButton() {
   // ...
 ```
 
-`useState` вернет вам две сущности: текущее состояние (`count`) и функцию (`setCount`), которая обновляет его. Можно назвать их как вам угодно, но такого рода вещи принято называть `[something, setSomething]`.
+`useState` вернет вам две вещи: текущее состояние (`count`) и функцию (`setCount`), которая обновляет его. Можно именовать их как вам угодно, но такого рода вещи принято называть `[something, setSomething]`.
 
-На первый показ кнопки `count` будет иметь значение `0`, потому что вы передали `0` в `useState()`. Когда вы хотите изменить состояние, вызовите `setCount()` и передайте туда новое значение. Клик на эту кнопку будет увеличивать счётчик:
+При первом показе кнопка `count` будет иметь значение `0`, потому что вы передали `0` в `useState()`. Чтобы изменить состояние, вызовите `setCount()` и передайте туда новое значение. Клик на эту кнопку будет увеличивать счётчик:
 
 ```js {5}
 function MyButton() {
@@ -422,7 +422,7 @@ button {
 
 <Diagram name="sharing_data_parent_clicked" height={385} width={410} alt="Аналогичная предыдущей диаграмма, с выделенным значением первого компонента-потомка MyApp, обозначающая клик и увеличение значение счётчика на один. Направление к обоим компонентам-потомкам MyButton также подсвечено, и значение счётчиков в каждом потомке равно одному, обозначая передачу значения вниз." >
 
-При клике `MyApp` обновляет своё состояние `count` значением `1` и передает его вниз обоим потомкам
+При клике `MyApp` обновляет своё состояние `count` на значение `1` и передаёт его вниз обоим потомкам
 
 </Diagram>
 
@@ -532,6 +532,6 @@ button {
 
 ## Следующие шаги {/*next-steps*/}
 
-Теперь вы знаете, как писать простой код для React!
+Теперь вы знаете основы, как писать код для React!
 
-Ознакомьтесь с [введением](/learn/tutorial-tic-tac-toe), в рамках которого вы примените полученные знания и соберёте свое первое мини-приложение на React.
+Ознакомьтесь с [введением](/learn/tutorial-tic-tac-toe), в рамках которого вы сможете применить полученные знания и собрать своё первое мини-приложение на React.