Skip to content

Commit

Permalink
Translate Add React to a Website (review changes #3)
Browse files Browse the repository at this point in the history
  • Loading branch information
shvedovskiy authored and another-guy committed Feb 22, 2019
1 parent 91ce377 commit feec4c9
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions content/docs/add-react-to-a-website.md
Expand Up @@ -12,12 +12,12 @@ next: create-a-new-react-app.html

Для внедрения React не надо ничего переписывать. **Его можно использовать как для маленькой кнопки, так и для целого приложения.** Возможно, вы захотите лишь чуть «оживить» некоторые элементы на вашей странице. React-компоненты подходят для этого как нельзя лучше.

Большинство сайтов в Интернете является обычными HTML-страницами. Даже если ваш сайт не относится к одностраничным приложениям, вы можете добавить на него React, написав **всего несколько строк кода без каких-либо инструментов сборки**. В зависимости от целей, вы можете постепенно переносить на React весь сайт, а можете переписать всего несколько виджетов.
Большинство сайтов в Интернете является обычными HTML-страницами. Даже если ваш сайт не относится к одностраничным приложениям, вы можете добавить в него React, написав **всего несколько строк кода без каких-либо инструментов сборки**. В зависимости от целей, вы можете постепенно переносить на React весь сайт, а можете переписать всего несколько виджетов.

---

- [Добавляем React за одну минуту](#add-react-in-one-minute)
- [Необязательно: Используем React с JSX](#optional-try-react-with-jsx) (без каких-либо сборщиков!)
- [Необязательно: Используем React с JSX](#optional-try-react-with-jsx) (без каких-либо бандлеров!)

## Добавляем React за одну минуту {#add-react-in-one-minute}

Expand Down Expand Up @@ -98,7 +98,7 @@ ReactDOM.render(e(LikeButton), domContainer);

### Совет: Повторное использование компонентов {#tip-reuse-a-component}

Зачастую, вам может понадобиться отобразить React-компонент в нескольких местах одной и той же HTML-страницы. Вот как можно показать сразу три кнопок «Like» с разными данными:
Зачастую, вам может понадобиться отобразить React-компонент в нескольких местах одной и той же HTML-страницы. Вот как можно показать сразу три кнопки «Like» с разными данными:

[Посмотреть исходный код примера](https://gist.github.com/gaearon/faa67b76a6c47adbab04f739cba7ceda)

Expand Down Expand Up @@ -165,7 +165,7 @@ return (

### Добавляем JSX в проект {#add-jsx-to-a-project}

JSX можно добавить в существующий проект и без всяких сложных инструментов вроде сборщика или сервера для разработки. По сути, **добавление JSX напоминает добавление препроцессора CSS**. Необходимо лишь убедиться, что на вашем компьютере установлен [Node.js](https://nodejs.org/).
JSX можно добавить в существующий проект и без разных сложных инструментов вроде бандлера или сервера для разработки. По сути, **добавление JSX напоминает добавление препроцессора CSS**. Необходимо лишь убедиться, что на вашем компьютере установлен [Node.js](https://nodejs.org/).

С помощью терминала перейдите в директорию вашего проекта и запустите следующие команды:

Expand Down

0 comments on commit feec4c9

Please sign in to comment.