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


В данной странице представлен обзор документации React и связанных ресурсов.




1.1.1 Попробовать React


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


1.1.1.1 Онлайн площадки


Если вы просто хотите побаловаться с React, то можете использовать онлайн-площадку для кода. Попробуйте пример Hello World на CodePen или CodeSandbox.

Если вы предпочитаете использовать собственный текстовый редактор, вы также можете загрузить этот HTML-файл, отредактировать и открыть его из локальной файловой системы в своем браузере. Он выполняет медленное runtime-преобразование кода, поэтому мы рекомендуем использовать его только для простых демонстраций.


1.1.1.2 Добавить React на веб-сайт


Вы можете добавить React на страницу HTML за одну минуту. Затем вы можете либо постепенно расширить его присутствие, либо сохранить его в нескольких динамических виджетах.


1.1.1.3 Создать новое React приложение


Для старта проекта React отличным вариантом может служить простая HTML-страница со <script> тегами. Понадобится всего минута для настройки!

По мере роста вашего приложения вы можете рассмотреть возможность более интегрированной настройки. Есть несколько наборов инструментов JavaScript, которые мы рекомендуем для более крупных приложений. Каждый из них может работать практически без конфигурации и позволяет вам в полной мере использовать преимущества богатой экосистемы React.



1.1.2 Изучить React


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

Как и любая незнакомая технология, React обладает кривой обучения. С практикой и некоторым терпением, вы им обязательно овладеете.


1.1.2.1 Первые примеры


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


1.1.2.2 React для начинающих


Если вы чувствуете, что документация по React пока тяжеловата, ознакомьтесь с данным обзором React от Tania Rascia. В нем представлены наиболее важные концепции React в подробном, удобном для начинающих виде. Когда вы закончите, попробуйте снова вернуться к документации!


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


Если вы работаете в сфере дизайна, данные ресурсы - отличное место для начала.


1.1.2.4 JavaScript ресурсы


Документация React предполагает наличие некоторых навыков программирования на языке JavaScript. Вам не обязательно быть экспертом, но гораздо сложнее выучить и React, и JavaScript одновременно.

Мы рекомендуем посмотреть этот обзор JavaScript, чтобы проверить свой уровень знаний. Это займет у вас от 30 минут до часа, но зато вы будете чувствовать себя более уверенно, изучая React.



Внимание!

Каждый раз, когда у вас возникают трудности в JavaScript, MDN и learn.javascript.ru - отличные сайты для проверки. Есть также форумы поддержки сообщества, где вы можете обратиться за помощью.


1.1.2.5 Практическое руководство


Если вы предпочитаете учиться на практике, ознакомьтесь с нашим практическим руководством. В нем мы строим игру в крестики-нолики на React. Методы, которые вы изучите в этом руководстве, имеют основополагающее значение для создания любых приложений React, а их освоение даст вам более глубокое понимание.


1.1.2.6 Пошаговое руководство


Если вы предпочитаете изучать концепции шаг за шагом, лучше всего начать с руководства по базовым понятиям. Каждый последующий раздел основан на знаниях, представленных в предыдущих разделах, поэтому вы ничего не упустите по мере изучения.


1.1.2.7 Мышление в React


Многие пользователи React считают, что чтение раздела "мышление в React" окончательно «щелкнуло» по ним. Вероятно, это старейший раздел React, но оно все еще актуален.


1.1.2.8 Рекомендуемые курсы


Иногда люди находят сторонние книги и видеокурсы более полезными, чем официальная документация. Мы поддерживаем список часто рекомендуемых ресурсов, некоторые из которых бесплатны.


1.1.2.9 Продвинутое руководство


Когда вы изучите основные понятия и немного поиграетесь с React, вас могут заинтересовать более сложные темы. Этот раздел познакомит вас с мощными, но менее часто используемыми функциями React, такими как контекст и ссылки.


1.1.2.10 Справочное руководство


Данный раздел документации полезен в случаях, когда вы хотите узнать больше информации о конкретном React API. Например, справка по API React.Component может предоставить вам подробную информацию о том, как работает setState(), и для чего полезны различные методы жизненного цикла.


1.1.2.11 Глоссарий и FAQ


Глоссарий содержит обзор наиболее распространенных терминов, которые вы встретите в документации React. Существует также раздел часто задаваемых вопросов FAQ, посвященный коротким вопросам и ответам на общие темы, такие как выполнение запросов AJAX, состояние компонентов и структура файлов.



1.1.3 Быть в курсе последней информации


Раздел "обновления" является источником обновлений от команды React. Все важные сведения, в том числе заметки о выпуске или уведомления об устаревании, будут публиковаться там в первую очередь.

Также Вы можете подписаться на аккаунт @reactjs в Твиттере, но вы всё равно не пропустите ничего важного, если будет читать только раздел обновлений.

Не каждый релиз React заслуживает отдельного поста в блоге, но подробный список изменений для каждого релиза можно найти в файле CHANGELOG.md в репозитории React, а также на странице релизов.