fixes after review

Author: wadzari

src/content/learn/your-first-component.md

@@ -87,21 +87,21 @@ img { height: 200px; }
 
 <Pitfall>
 
-React-компоненты — это обычные фукнции JavaScript, но **их имена должны начинаться с заглавной буквы**, иначе они не будут работать!
+React-компоненты — это обычные JavaScript функции, но **их имена должны начинаться с заглавной буквы**, иначе они не будут работать!
 
 </Pitfall>
 
 ### Шаг 3: Добавить разметку {/*step-3-add-markup*/}
 
-Компонент возвращает тег `<img />` с атрибутами `src` и `alt`. `<img />` выглядит как HTML, но на самом деле это JavaScript! Этот синтаксис называется [JSX](/learn/writing-markup-with-jsx), и он позволяет вам вставлять разметку внутрь JavaScript.
+Компонент возвращает тег `<img />` с атрибутами `src` и `alt`. `<img />` выглядит как HTML, но на самом деле под капотом это JavaScript! Этот синтаксис называется [JSX](/learn/writing-markup-with-jsx), и он позволяет вам вставлять разметку в JavaScript.
 
 Оператор `return` можно записать в одну строку, как в этом компоненте:
 
 ```js
 return <img src="https://i.imgur.com/MK3eW3As.jpg" alt="Кэтрин Джонсон" />;
 ```
 
-Но если вся ваша разметка не находится на той же строке, что и ключевое слово `return`, вы должны обернуть её в пару скобок:
+Но если вся ваша разметка не находится на той же строке, что и ключевое слово `return`, то вы должны обернуть её в пару скобок:
 
 ```js
 return (
@@ -151,7 +151,7 @@ img { margin: 0 10px 10px 0; height: 90px; }
 
 </Sandpack>
 
-### Что видит барузер {/*what-the-browser-sees*/}
+### Что видит браузер {/*what-the-browser-sees*/}
 
 Обратите внимание на разницу в регистре:
 
@@ -216,16 +216,16 @@ function Profile() {
 
 [Фреймворки на основе React](/learn/start-a-new-react-project) пошли ещё дальше. Вместо того, чтобы использовать пустой файл HTML и позволять React "захватывать" управление страницей с помощью JavaScript, они *также* автоматически генерируют HTML из ваших React-компонентов. Это позволяет вашему приложению показывать часть контента до того, как загрузится JavaScript код.
 
-Тем не менее, многие веб-сайты используют React только для [добавления интерактивности на существующие HTML-страницы.](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) У них есть множество корневых компонентов вместо одного для всей страницы. Вы можете использовать столько функциональности React, сколько вам нужно.
+Тем не менее, многие веб-сайты используют React только для [добавления интерактивности на существующие HTML-страницы.](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page) У них есть множество корневых компонентов вместо одного для всей страницы. Вы можете брать от React столько, сколько вам нужно.
 
 </DeepDive>
 
 <Recap>
 
-Вы только что познакомились с React! Давайте вспомним некоторые ключевые моменты.
+Вы только что познакомились с React! Давайте повторим некоторые ключевые моменты.
 
 * React позволяет вам создавать компоненты, **переиспользуемые элементы UI для вашего приложения.**
-* В React-приложении каждый элемент UI является компонентом.
+* В React-приложении каждый элемент UI это компонент.
 * Компоненты React — это обычные функции JavaScript, за исключением того, что:
 
   1. Их имена всегда начинаются с заглавной буквы.
@@ -285,17 +285,17 @@ img { height: 181px; }
 
 </Sandpack>
 
-Возможно, вы задаётесь вопросом, почему написание только `export` недостаточно для исправления этого примера. Вы можете узнать разницу между `export` и `export default` в разделе [Импорт и Экспорт компонентов.](/learn/importing-and-exporting-components)
+Возможно, вы задаётесь вопросом, почему одного только написания `export` недостаточно, чтобы исправить этот пример. Вы можете узнать разницу между `export` и `export default` в разделе [Импорт и Экспорт компонентов.](/learn/importing-and-exporting-components)
 
 </Solution>
 
-#### Исправьте возвращаемое выражение {/*fix-the-return-statement*/}
+#### Исправьте оператор return {/*fix-the-return-statement*/}
 
-Что-то не так с оператором `return`. Вы можете это исправить?
+Что-то не так с оператором `return`. Сможете его исправить?
 
 <Hint>
 
-При попытке исправить это вы можете получить ошибку "Unexpected token". В этом случае убедитесь, что точка с запятой находится *после* закрывающей скобки. Оставление точки с запятой внутри `return ( )` приведёт к ошибке.
+При попытке исправить оператор вы можете получить ошибку "Unexpected token". В этом случае убедитесь, что точка с запятой находится *после* закрывающей скобки. Оставив точку с запятой внутри `return ( )`, вы вызовите ошибку.
 
 </Hint>
 
@@ -317,7 +317,7 @@ img { height: 180px; }
 
 <Solution>
 
-Вы можете исправить этот компонент, записав возвращаемое выражение в одну строку, например так:
+Вы можете исправить этот компонент, записав оператор `return` в одну строку, вот так:
 
 <Sandpack>
 
@@ -356,9 +356,9 @@ img { height: 180px; }
 
 </Solution>
 
-#### Найти ошибку {/*spot-the-mistake*/}
+#### Найдите ошибку {/*spot-the-mistake*/}
 
-Что-то не так с объявлением и использованием компонента `Profile`. Можете найти ошибку? (Попробуйте вспомнить, как React отличает компоненты от обычных тегов HTML!)
+Что-то не так с тем, как объявлен и использован компонента `Profile`. Сможете найти ошибку? (Попробуйте вспомнить, как React отличает компоненты от обычных тегов HTML!)
 
 <Sandpack>
 
@@ -394,7 +394,7 @@ img { margin: 0 10px 10px 0; height: 90px; }
 
 Имена React-компонентов должны начинаться с заглавной буквы.
 
-Измените `function profile()` на `function Profile()`, а затем измените каждый `<profile />` на `<Profile />`:
+Замените `function profile()` на `function Profile()`, а затем каждый `<profile />` на `<Profile />`:
 
 <Sandpack>
 
@@ -430,7 +430,7 @@ img { margin: 0 10px 10px 0; }
 
 #### Ваш компонент {/*your-own-component*/}
 
-Напишите компонент с нуля. Вы можете дать ему любое допустимое имя и возвращать любую разметку. Если ничего не приходит на ум, то вы можете написать компонент `Congratulations`, который отображает `<h1>Хорошая работа!</h1>`. Не забудьте экспортировать компонент!
+Напишите компонент с нуля. Вы можете дать ему любое допустимое имя и вернуть любую разметку. Если ничего не приходит на ум, то вы можете написать компонент `Congratulations`, который отображает заголовок `<h1>Хорошая работа!</h1>`. Не забудьте экспортировать компонент!
 
 <Sandpack>