В даному розділі ми оглянемо документацію React та пов’язані з ним ресурси.
\nReact — це JavaScript-бібліотека для створення інтерфейсів користувача. Відвідайте нашу головну сторінку або вступ, аби скласти перше враження про React.
\nЗ самого початку React був спроектований так, щоб його можна було впроваджувати поступово. Тобто ви можете додавати так мало або так багато React-у, як вам потрібно. Скористайтеся інформацією та посиланнями цього розділу, якщо просто бажаєте відчути React на смак або додаєте трохи “інтерактивності” до простої HTML-сторінки, чи, навіть, якщо стартуєте складний React-проект.
\nХочете погратися з React? Скористайтеся онлайн-пісочницями. Спробуйте початковий шаблон на CodePen, CodeSandbox, Glitch або Stackblitz.
\nВіддаєте перевагу вашому улюбленому редактору коду? Тоді ви можете завантажити даний HTML-файл, відредагувати та відкрити його у вашому браузері. Даний шаблон трансформує JSX у JavaScript під час запуску . Однак, доволі повільно, тому ми рекомендуємо використовувати даний файл тільки для простих демонстраційних прикладів.
\nВи можете додати React до HTML-сторінки лише за хвилину. За бажанням, ви зможете потім поступово поширювати React на сайті або залишити в декількох динамічних віджетах.
\nКоли стартуєте React-проект, проста HTML-сторінка з script-тегами , можливо, є найкращим варіантом. Її створення займе лише одну хвилину!
\nОднак для розробки більш складного додатку, можливо, доцільніше розглянути більш інтегрований варіант установки. Ось декілька наборів JavaScript-інструментів, які ми рекомендуємо для розробки більш серйозних React-додатків. Кожен із них є готовим до використання з мінімальними змінами, і дозволяє скористатися всіма перевагами багатої React-екосистеми. Дізнайтесь як.
\nЛюди приходять до React із різним досвідом і стилем вивчання. Незалежно від того, надаєте ви перевагу теоретичному чи практичному підходам, сподіваємося, що цей розділ буде для вас корисним.
\nЯк і все нове, вивчення React потребує зусиль. Але, доклавши трохи праці і терпіння, ви обов’язково опануєте його.
\nДомашня сторінка містить декілька невеликих прикладів React, які можна редагувати “наживо”. Навіть якщо ви не знаєте нічого про React, пограйтеся з кодом, аби побачити, як це вплине на результат.
\nЯкщо документація надто “швидка” для вашого рівня і ви відчуваєте дискомфорт, погляньте на цей огляд від Тані Раша (Tania Rascia). Вона описала найважливіші концепти React більш деталізовано і легко для початківців. Потім повертайтеся і пробуйте знову!
\nЗаймаєтесь дизайном і хочете вивчити React? Даний ресурс є досить гарним стартовим майданчиком.
\nРобота з документацією React передбачає наявність певного досвіду програмування на JavaScript. Експертом бути не обов’язково, але буде важко вивчати React і JavaScript одночасно.
\nМи рекомендуємо вам пробігти цей швидкий огляд JavaScript для того, щоб освіжити знання. Це займе у вас від 30 хвилин до години, але ви почуватиметесь більш впевнено, вивчаючи React.
\n\n\nПідказка
\nПри будь-яких ускладненнях з JavaScript, пошукайте відподвідь на цих ресурсах: MDN та javascript.info. Також ми маємо форум нашої спільноти, куди можна звернутися за допомогою.
\n
Якщо ви віддаєте перевагу навчанню через практику, почніть з нашого практичного посібника. У ньому описано процес розробки гри в хрестики-нулики (tic-tac-toe). У вас, можливо, з’явиться спокуса пропустити цей розділ, бо ви не плануєте розробку ігор, але зачекайте. Прийоми, які ви опануєте — фундамент для розробки будь-якого додатка на React. Завдяки посібнику, ви отримаєте більш глибоке розуміння React.
\nЯкщо ви віддаєте перевагу вивченню основних концепцій крок за кроком, то найкраще почати з нашого посібника з основних понять. Кожен наступний розділ спирається на знання з попереднього, тому ви нічого не пропустите в процесі вивчення матеріалу.
\nНа багатьох користувачів “сходить осяяня” після знайомства з філософією React Можливо, цей документ допоможе розставити крапки над “і”. Напевно, це є найстаріший, досі актуальний, посібник по React.
\nДля декого сторонні книги або відео-курси є більш корисними, ніж офіційна документація. Ми підтримуємо список часто рекомендованих ресурсів. Деякі із них є безкоштовними.
\nЯк тільки ви зрозумієте основні концепції і трішки пограєтесь з React, вас можуть зацікавити більш складні питання. Цей розділ ознайомить вас з потужними, але менш вживаними властивостями React, такими як контекст і рефи.
\nЦей розділ документації корисний, якщо ви хочете дізнатися більше подробиць про конкретний API React. Для прикладу, React.Component API розповість про роботу функції setState() і для чого використовуються різні методи життєвого циклу компоненту.
Словник термінів містить огляд найпоширеніших термінів, які ви побачите в документації React. Існує також розділ часто поставлених запитань, присвячений коротким запитанням і відповідям на поширені теми, зокрема виконання AJAX-запитів, стан компонента і структура проекту.
\nБлог React є офіційним джерелом оновлень від команди React. Всі найважливіші новини, включно з примітками до релізу чи списком застарілих функцій, публікуються в першу чергу тут.
\nВи також можете підписатись на профіль @reactjs у Twitter, однак ви не пропустите нічого важливого, якщо будете слідкувати тільки за блогом.
\nУ блозі ми пишемо не про всі релізи React, але завжди є можливість переглянути повний список змін у файлі CHANGELOG.md у репозиторії React, а також на сторінці Релізи.
Ця документація завжди відображає останню стабільну версію React. Починаючи з версії React 16, ви можете знайти старі версії документації на окремій сторінці. Зверніть увагу, що документація попередніх версій являє собою знімок на момент релізу і більше не оновлюється.
\nЯкщо в документації чогось не вистачає, ви знайшли помилку, чи вважаєте деякі частини заплутаними, ви можете створити issue в репозиторії документації із зазначенням способу вирішення проблеми або просто напишіть нам в Twitter @reactjs. Ми завжди раді вас чути!
","frontmatter":{"title":"Початок роботи","next":"add-react-to-a-website.html","prev":null},"fields":{"path":"content/docs/getting-started.md","slug":"docs/getting-started.html"}}},"pageContext":{"slug":"docs/getting-started.html"}},"staticQueryHashes":[]}