Skip to content

Translate Add React to a Website #96

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Feb 22, 2019
Merged

Translate Add React to a Website #96

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
27087ab
Translate Add React to a Website
shvedovskiy Feb 12, 2019
392cb8e
Fix typo in JSX guide
shvedovskiy Feb 12, 2019
3901a0c
Translate Add React to a Website (review changes #1)
shvedovskiy Feb 15, 2019
ada2f94
Translate Add React to a Website (review changes #2)
shvedovskiy Feb 19, 2019
3fc7afd
Translate Add React to a Website (review changes #3)
shvedovskiy Feb 22, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions content/docs/add-react-to-a-website.md
View file
Open in desktop
Original file line number Diff line number Diff line change
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) (без каких-либо бандлеров!)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Что-то у нас путаница: сборщики или бандлеры?

cc @another-guy

Copy link
Collaborator

@another-guy another-guy Feb 22, 2019 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

В глоссарии "бандлер" давно, вообще-то. Я не знаю, откуда "сборщик" в половине текстов. 🤷‍♂️

Предложение: эту ветку смёржить "as is". Завести issue про то, чтобы договориться уже и сделать вычитку на предмет сборщик/бандлер. Не хочется блокировать этот PR.

image

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Согласен


## Добавляем 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