Філософія React

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

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

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

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

• Тоді ви можете завантажити даний HTML-файл, відредагувати та відкрити його у вашому браузері.
• Кожен наступний розділ спирається на знання з попереднього, тому ви нічого не пропустите в процесі вивчення матеріалу.
• Відвідайте нашу головну сторінку або вступ, аби скласти перше враження про React.
• Завдяки посібнику, ви отримаєте більш глибоке розуміння React.
• Однак для розробки більш складного додатку, можливо, доцільніше розглянути більш інтегрований варіант установки.

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

Api

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

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

Створюємо Новий React

Якщо ви віддаєте перевагу вивченню основних концепцій крок за кроком, то найкраще почати з нашого посібника з основних понять. Кожен наступний розділ спирається на знання з попереднього, тому ви нічого не пропустите в процесі вивчення матеріалу. Ми рекомендуємо вам пробігти цей швидкий огляд JavaScript https://wizardsdev.com/ для того, щоб освіжити знання. Це займе у вас від 30 хвилин до години, але ви почуватиметесь більш впевнено, вивчаючи React. Ця документація завжди відображає останню стабільну версію React. Починаючи з версії React 16, ви можете знайти старі версії документації на окремій сторінці.

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

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

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

Філософія React

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