> For the complete documentation index, see [llms.txt](https://max-frontend.gitbook.io/react-course-ru-v2/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://max-frontend.gitbook.io/react-course-ru-v2/chapter1.md).
# Подключаем react как script
React.js это всего лишь библиотека. Не фреймворк.
Как и любая другая библиотека, реакт добавляется на страницу с помощью тэга `script`.
Так как в современном js "рулят" модули и различного рода преобразования/сжимания и так далее - *react* отлично дружит с *webpack*, *babel* и прочими. Для простоты, мы начнем работать с реактом, как с обычной библиотекой, например, jQuery, но затем перейдем на удобный инструмент - [create-react-app](https://github.com/facebook/create-react-app).
Cоздайте следующие файлы в директории с вашим проектом.
```
+-- .gitignore (если будете использовать git)
+-- index.html
```
## index.html
В мире программирования, каждый урок начинается с hello, world.
*index.html*
```jsx
React [RU] Tutorial
```
Во-первых, мы подключили библиотеки react и react-dom как обычные скрипты
Во-вторых, мы подключили babel библиотеку, для того, чтобы наша строка
```
Привет, мир!
,
```
которая написана на вспомогательном языке JSX, превратилась в валидный javascript-код:
```
React.createElement("h1", null, "Hello, world!"),
```
На протяжении всего туториала мы будем использовать JSX.
[Исходный код](https://github.com/maxfarseer/react-course-ru-v2/tree/chp1-add-script-react) для данного раздела.