Skip to content

Commit 3723156

Browse files
committed
fixes after review
1 parent 560eeaa commit 3723156

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

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

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,11 @@ title: Ваш первый компонент
3131
</article>
3232
```
3333

34-
Эта разметка представляет эту статью как `<article>`, её заголовок как `<h1>` и (сокращённое) оглавление как упорядоченный список `<ol>`. Такая разметка, в сочетании с CSS для стилизации и JavaScript для создания интерактивности, лежит в основе каждой боковой панели, аватара, модального окна, выпадающего меню — каждой части UI, которую вы видите в интернете.
34+
Разметка выше представляет эту статью как `<article>`, её заголовок как `<h1>` и (сокращённое) оглавление как упорядоченный список `<ol>`. Такая разметка, в сочетании с CSS для стилизации и JavaScript для создания интерактивности, кроется в каждой боковой панели, аватаре, модальном окне, выпадающем меню — каждой части UI, которую вы видите в интернете.
3535

36-
React позволяет вам объединять разметку, CSS и JavaScript в пользовательские "компоненты", **переиспользуемые элементы UI для вашего приложения**. Код оглавления, который вы видели выше, можно превратить в компонент `<TableOfContents />`, который можно отрендерить на каждой странице. Внутри он всё ещё использует те же HTML-теги, такие как `<article>`, `<h1>` и т.д.
36+
С React можно объединять разметку, CSS и JavaScript в ваши собственные "компоненты", **переиспользуемые элементы UI для вашего приложения**. Код оглавления выше, можно превратить в компонент `<TableOfContents />` и отрендерить его на любой странице. Внутри он всё ещё использует те же HTML-теги, такие как `<article>`, `<h1>` и т.д.
3737

38-
Как и с HTML-тегами, вы можете комбинировать, упорядочивать и вкладывать компоненты для создания целых страниц. Например, страница документации, которую вы сейчас читаете, состоит из React-компонентов:
38+
Как и HTML-теги, компоненты можно комбинировать, упорядочивать и вкладывать друг в друга для создания целых страниц. Например, страница документации, которую вы сейчас читаете, состоит из React-компонентов:
3939

4040
```js
4141
<PageLayout>
@@ -51,7 +51,7 @@ React позволяет вам объединять разметку, CSS и Ja
5151
</PageLayout>
5252
```
5353

54-
По мере роста вашего проекта вы заметите, что многие из ваших дизайнов можно создать, переиспользуя уже готовые компоненты, а это ускорит разработку. Наше оглавление выше может быть добавлено на любой экран как `<TableOfContents />`! Дайте резкий старт своему проекту, используя тысячи компонентов с открытым исходным кодом, которые были созданы React-сообществом, например [Chakra UI](https://chakra-ui.com/) и [Material UI.](https://material-ui.com/)
54+
По мере роста вашего проекта вы заметите, что многие из ваших дизайнов можно создать, переиспользуя уже готовые компоненты, а это ускорит разработку. Наше оглавление выше может быть добавлено на любой экран как `<TableOfContents />`! Можно дать резкий старт своему проекту, используя тысячи компонентов с открытым исходным кодом, которые были созданы React-сообществом, например [Chakra UI](https://chakra-ui.com/) и [Material UI.](https://material-ui.com/)
5555

5656
## Определение компонента {/*defining-a-component*/}
5757

@@ -285,7 +285,7 @@ img { height: 181px; }
285285

286286
</Sandpack>
287287

288-
Возможно, вы задаётесь вопросом, почему одного только написания `export` недостаточно, чтобы исправить этот пример. Вы можете узнать разницу между `export` и `export default` в разделе [Импорт и Экспорт компонентов.](/learn/importing-and-exporting-components)
288+
Возможно, вы задаётесь вопросом, почему написать лишь `export` недостаточно, чтобы исправить этот пример. Вы можете узнать разницу между `export` и `export default` в разделе [Импорт и Экспорт компонентов.](/learn/importing-and-exporting-components)
289289

290290
</Solution>
291291

@@ -358,7 +358,7 @@ img { height: 180px; }
358358

359359
#### Найдите ошибку {/*spot-the-mistake*/}
360360

361-
Что-то не так с тем, как объявлен и использован компонента `Profile`. Сможете найти ошибку? (Попробуйте вспомнить, как React отличает компоненты от обычных тегов HTML!)
361+
Что-то не так с тем, как объявлен и использован компонент `Profile`. Сможете найти ошибку? (Попробуйте вспомнить, как React отличает компоненты от обычных тегов HTML!)
362362

363363
<Sandpack>
364364

0 commit comments

Comments
 (0)