You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Для внедрения React не надо ничего переписывать. **Его можно использовать как для маленькой кнопки, так и для целого приложения.** Возможно, вы захотите лишь чуть «оживить» некоторые элементы на вашей странице. React-компоненты подходят для этого как нельзя лучше.
14
14
15
-
Большинство сайтов в Интернете является обычными HTML-страницами. Даже если ваш сайт не относится к одностраничным приложениям, вы можете добавить на него React, написав **всего несколько строк кода без каких-либо инструментов сборки**. В зависимости от целей, вы можете постепенно переносить на React весь сайт, а можете переписать всего несколько виджетов.
15
+
Большинство сайтов в Интернете является обычными HTML-страницами. Даже если ваш сайт не относится к одностраничным приложениям, вы можете добавить в него React, написав **всего несколько строк кода без каких-либо инструментов сборки**. В зависимости от целей, вы можете постепенно переносить на React весь сайт, а можете переписать всего несколько виджетов.
16
16
17
17
---
18
18
19
19
-[Добавляем React за одну минуту](#add-react-in-one-minute)
20
-
-[Необязательно: Используем React с JSX](#optional-try-react-with-jsx) (без каких-либо сборщиков!)
20
+
-[Необязательно: Используем React с JSX](#optional-try-react-with-jsx) (без каких-либо бандлеров!)
21
21
22
22
## Добавляем React за одну минуту {#add-react-in-one-minute}
### Совет: Повторное использование компонентов {#tip-reuse-a-component}
100
100
101
-
Зачастую, вам может понадобиться отобразить React-компонент в нескольких местах одной и той же HTML-страницы. Вот как можно показать сразу три кнопок «Like» с разными данными:
101
+
Зачастую, вам может понадобиться отобразить React-компонент в нескольких местах одной и той же HTML-страницы. Вот как можно показать сразу три кнопки «Like» с разными данными:
102
102
103
103
[Посмотреть исходный код примера](https://gist.github.com/gaearon/faa67b76a6c47adbab04f739cba7ceda)
104
104
@@ -165,7 +165,7 @@ return (
165
165
166
166
### Добавляем JSX в проект {#add-jsx-to-a-project}
167
167
168
-
JSX можно добавить в существующий проект и без всяких сложных инструментов вроде сборщика или сервера для разработки. По сути, **добавление JSX напоминает добавление препроцессора CSS**. Необходимо лишь убедиться, что на вашем компьютере установлен [Node.js](https://nodejs.org/).
168
+
JSX можно добавить в существующий проект и без разных сложных инструментов вроде бандлера или сервера для разработки. По сути, **добавление JSX напоминает добавление препроцессора CSS**. Необходимо лишь убедиться, что на вашем компьютере установлен [Node.js](https://nodejs.org/).
169
169
170
170
С помощью терминала перейдите в директорию вашего проекта и запустите следующие команды:
0 commit comments