====== Начало работы ======

На этой странице мы сделаем небольшой обзор документации и других ресурсов, которые могут пригодиться при первом использовании React.

**React** — это JavaScript-библиотека для разработки пользовательского интерфейса. Чтобы составить первое впечатление о React, зайдите на [[https://ru.reactjs.org/|главную страницу]] или во [[https://ru.reactjs.org/tutorial/tutorial.html|введение]].

===== Пробуем React =====

React изначально был спроектирован так, чтобы его можно было внедрять постепенно. Другими словами, **вы можете начать с малого и использовать только ту функциональность React, которая необходима вам в данный момент.** Информация в этом разделе будет полезна в любой ситуации: при первом знакомстве с React, при создании простой динамической HTML-страницы и даже при проектировании сложного React-приложения.
==== Онлайн-песочницы ====

Если вы просто хотите немного поиграть с React, попробуйте онлайн-песочницу. Например, вот простейший шаблон на [[https://ru.reactjs.org/redirect-to-codepen/hello-world|CodePen]], [[https://codesandbox.io/s/new|CodeSandbox]] или [[https://glitch.com/edit/#!/remix/starter-react-template|Glitch]].

Если вы предпочитаете работать в своём редакторе, [[https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html|скачайте тестовый HTML-файл]], добавьте в него код и запустите на своём компьютере. При открытии тестового файла браузер преобразует JSX в обычный код на JavaScript. Такое преобразование достаточно медленно, поэтому мы рекомендуем использовать этот файл только для простых демонстрационных примеров.

==== Создаём React-приложение ====

Когда вы начинаете проект на React, [[https://ru.reactjs.org/docs/add-react-to-a-website.html|то простая HTML-страница со script-тегами]] может быть лучшим вариантом. Её можно сделать за минуту.

Однако для разработки более развесистого приложения вам, скорее всего, придётся рассмотреть другие варианты настройки рабочего окружения, объединяющие в себе различные технологии. Вот [[https://ru.reactjs.org/docs/create-a-new-react-app.html|несколько наборов JavaScript-инструментов]], которые мы рекомендуем для создания приложения. Каждый из этих инструментов может работать практически без настройки и позволит раскрыть все возможности экосистемы React.

===== Изучаем React =====

Люди приходят к React с разным опытом и стилем обучения. Некоторые предпочитают учиться на ходу, а кому-то нравится сначала овладеть теорией. В любом случае мы надеемся, что этот раздел будет для вас полезен.

  * Если вам больше нравится **учиться на ходу**, начните с [[https://ru.reactjs.org/tutorial/tutorial.html|введения]].
  * Если вы хотите **сначала овладеть теорией**, то начните с [[https://ru.reactjs.org/docs/hello-world.html|пошагового описания React]].

React сначала может показаться сложным, но приложив усилие, вы //обязательно//  его освоите. Терпение и труд все перетрут!

==== Простые примеры ====

На [[https://ru.reactjs.org/|главной странице]] есть несколько простых примеров использования React. Их можно отредактировать и запустить прямо на нашем сайте. Даже если вы пока ничего не знаете о React, попробуйте что-нибудь поменять в коде и посмотрите на результат.

==== React для новичков ====

Если документация кажется вам сложной и усваивается не так быстро, как хотелось, прочтите [[https://www.taniarascia.com/getting-started-with-react/|блог Тани Раша (Tania Rascia)]]. Таня написала о том, как начала работать с React и доходчиво рассказала об его основных принципах. Попробуйте почитать этот пост, а потом вернуться к документации.

==== React для дизайнеров ====

Если вы в первую очередь занимаетесь дизайном, вам могут пригодиться ресурсы, собранные [[https://reactfordesigners.com/|на этом сайте]].