Початок роботи

В даному розділі ми оглянемо документацію React та пов’язані з ним ресурси.

React — це JavaScript-бібліотека для створення інтерфейсів користувача. Відвідайте нашу головну сторінку або вступ, аби скласти перше враження про React.


Спробуємо React

З самого початку React був спроектований так, щоб його можна було впроваджувати поступово. Тобто ви можете додавати так мало або так багато React-у, як вам потрібно. Скористайтеся інформацією та посиланнями цього розділу, якщо просто бажаєте відчути React на смак або додаєте трохи “інтерактивності” до простої HTML-сторінки, чи, навіть, якщо стартуєте складний React-проект.

Онлайн-пісочниці

Хочете погратися з React? Скористайтеся онлайн-пісочницями. Спробуйте початковий шаблон на CodePen, CodeSandbox або Glitch.

Віддаєте перевагу вашому улюбленому редактору коду? Тоді ви можете завантажити даний HTML-файл, відредагувати та відкрити його у вашому браузері. Даний шаблон трансформує JSX у JavaScript під час запуску . Однак, доволі повільно, тому ми рекомендуємо використовувати даний файл тільки для простих демонстраційних прикладів.

Додаємо React до сайту

Ви можете додати React до HTML-сторінки лише за хвилину. За бажанням, ви зможете потім поступово поширювати React на сайті або залишити в декількох динамічних віджетах.

Створюємо новий React-додаток

Коли стартуєте React-проект, проста HTML-сторінка з script-тегами , можливо, є найкращим варіантом. Її створення займе лише одну хвилину!

Однак для розробки більш складного додатку, можливо, доцільніше розглянути більш інтегрований варіант установки. Ось декілька наборів JavaScript-інструментів, які ми рекомендуємо для розробки більш серйозних React-додатків. Кожен із них є готовим до використання з мінімальними змінами, і дозволяє скористатися всіма перевагами багатої React-екосистеми.

Вивчаємо React

Люди приходять до React із різним досвідом і стилем вивчання. Незалежно від того, надаєте ви перевагу теоретичному чи практичному підходам, сподіваємося, що цей розділ буде для вас корисним.

Як і все нове, вивчення React потребує зусиль. Але, доклавши трохи праці і терпіння, ви обов’язково опануєте його.

Перші приклади

Домашня сторінка містить декілька невеликих прикладів React, які можна редагувати “наживо”. Навіть якщо ви не знаєте нічого про React, пограйтеся з кодом, аби побачити, як це вплине на результат.

React для новачків

Якщо документація надто “швидка” для вашого рівня і ви відчуваєте дискомфорт, погляньте на цей огляд від Тані Раша (Tania Rascia). Вона описала найважливіші концепти React більш деталізовано і легко для початківців. Потім повертайтеся і пробуйте знову!

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

Займаєтесь дизайном і хочете вивчити React? Даний ресурс є досить гарним стартовим майданчиком.

Ресурси по JavaScript

Робота з документацією React передбачає наявність певного досвіду програмування на JavaScript. Експертом бути не обов’язково, але буде важко вивчати React і JavaScript одночасно.

Ми рекомендуємо вам пробігти цей швидкий огляд JavaScript для того, щоб освіжити знання. Це займе у вас від 30 хвилин до години, але ви почуватиметесь більш впевнено, вивчаючи React.

Підказка

При будь-яких ускладненнях з JavaScript, пошукайте відподвідь на цих ресурсах: MDN та javascript.info. Також ми маємо форум нашої спільноти, куди можна звернутися за допомогою.

Практичний посібник

Якщо ви віддаєте перевагу навчанню через практику, почніть з нашого практичного посібника. У ньому описано процес розробки гри в хрестики-нулики (tic-tac-toe). У вас, можливо, з’явиться спокуса пропустити цей розділ, бо ви не плануєте розробку ігор, але зачекайте. Прийоми, які ви опануєте — фундамент для розробки будь-якого додатка на React. Завдяки посібнику,ви отримаєте більш глибоке розуміння React.

Покрокова інструкція

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

Філософія React

На багатьох користувачів “сходить осяяня” після знайомства з філософією React Можливо, цей документ допоможе розставити крапки над “і”. Напевно, це є найстаріший, досі актуальний, посібник по React.

Для декого сторонні книги або відео-курси є більш корисними, ніж офіційна документація. Ми підтримуємо список часто рекомендованих ресурсів. Деякі із них є безкоштовними.

Поглиблені концепції

Як тільки ви зрозумієте основні концепції і трішки пограєтесь з React, вас можуть зацікавити більш складні питання. Цей розділ ознайомить вас з потужними, але менш вживаними властивостями React, такими як контекст і рефи.

API-довідник

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

Словник термінів і FAQ

Словник термінів містить огляд найпоширеніших термінів, які ви побачите в документації React. Існує також розділ часто поставлених запитань, присвячений коротким запитанням і відповідям на поширені теми, зокрема виконання AJAX-запитів, стан компонента і структура проекту.

Інформація про релізи

Блог React є офіційним джерелом оновлень від команди React. Всі найважливіші новини, включно з примітками до релізу чи списком застарілих функцій, публікуються в першу чергу тут.

Ви також можете підписатись на профіль @reactjs у Twitter, однак ви не пропустите нічого важливого, якщо будете слідкувати тільки за блогом.

У блозі ми пишемо не про всі релізи React, але завжди є можливість переглянути повний список змін у файлі CHANGELOG.md у репозиторії React, а також на сторінці Релізи.

Документація старих версій React

Ця документація завжди відображає останню стабільну версію React. Починаючи з версії React 16, ви можете знайти старі версії документації на окремій сторінці. Зверніть увагу, що документація попередніх версій являє собою знімок на момент релізу і більше не оновлюється.

Зворотній зв’язок

Якщо в документації чогось не вистачає, ви знайшли помилку, чи вважаєте деякі частини заплутаними, ви можете створити issue в репозиторії документації із зазначенням способу вирішення проблеми або просто напишіть нам в Twitter @reactjs. Ми завжди раді вас чути!