minor fixes

Author: wadzari

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

@@ -11,8 +11,8 @@ title: Ваш первый компонент
 <YouWillLearn>
 
 * Что такое компонент
-* Какую роль играют компоненты в React приложении
-* Как написать ваш первый React компонент
+* Какую роль играют компоненты в React-приложении
+* Как написать ваш первый React-компонент
 
 </YouWillLearn>
 
@@ -35,7 +35,7 @@ title: Ваш первый компонент
 
 React позволяет вам объединять разметку, CSS и JavaScript в пользовательские "компоненты", **переиспользуемые элементы UI для вашего приложения**. Код оглавления, который вы видели выше, можно превратить в компонент `<TableOfContents />`, который можно отрендерить на каждой странице. Внутри он всё ещё использует те же HTML-теги, такие как `<article>`, `<h1>` и т.д.
 
-Как и с HTML-тегами, вы можете комбинировать, упорядочивать и вкладывать компоненты для создания целых страниц. Например, страница документации, которую вы сейчас читаете, состоит из React компонентов:
+Как и с HTML-тегами, вы можете комбинировать, упорядочивать и вкладывать компоненты для создания целых страниц. Например, страница документации, которую вы сейчас читаете, состоит из React-компонентов:
 
 ```js
 <PageLayout>
@@ -80,14 +80,14 @@ img { height: 200px; }
 
 ### Шаг 1: Экспортировать компонент {/*step-1-export-the-component*/}
 
-Префикс `export default` —  это [стандартный синтаксис JavaScript](https://developer.mozilla.org/ru/docs/web/javascript/reference/statements/export) (не является спецификой React). Он позволяет пометить основную функцию в файле, чтобы её можно было импортировать из других файлов. (Подробее об импорте в [Импорт и Экспорт компонентов](/learn/importing-and-exporting-components)!)
+Префикс `export default` —  это [стандартный синтаксис JavaScript](https://developer.mozilla.org/ru/docs/web/javascript/reference/statements/export) (не является спецификой React). Он позволяет пометить основную функцию в файле, чтобы её можно было импортировать из других файлов. (Подробнее об импорте в [Импорт и Экспорт компонентов](/learn/importing-and-exporting-components)!)
 ### Шаг 2: Определить функцию {/*step-2-define-the-function*/}
 
 С помощью `function Profile() { }` вы определяете JavaScript-функцию с именем `Profile`.
 
 <Pitfall>
 
-React компоненты — это обычные фукнции JavaScript, но **их имена должны начинаться с заглавной буквы**, иначе они не будут работать!
+React-компоненты — это обычные фукнции JavaScript, но **их имена должны начинаться с заглавной буквы**, иначе они не будут работать!
 
 </Pitfall>
 
@@ -155,7 +155,7 @@ img { margin: 0 10px 10px 0; height: 90px; }
 
 Обратите внимание на разницу в регистре:
 
-* `<section>` в нижнем регистре, поэтому React знает, что мы обращаемся к тегу HTML.
+* `<section>` в нижнем регистре, поэтому React знает, что мы обращаемся к HTML-тегу.
 * `<Profile />` начинается с заглавной буквы `P`, поэтому React знает, что мы хотим использовать наш компонент с именем `Profile`.
 
 А `Profile` содержит ещё больше HTML: `<img />`. В конечном итоге, вот что видит браузер: