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

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

Курс React триватиме три місяці. За цей час студенти:

— опанують базові концепції та можливості бібліотеки React;
— навчаться розробляти й масштабувати react застосунки;
— попрацюють із розлогою екосистемою навколо React;
— навчаться тестувати й оптимізувати швидкодію;
— засвоять патерни розробки застосунків та декомпозиції.

Аби навчання React було ефективним, попрактикуємось у розробці застосунків: використовуватимемо продуктовий кейс із реалістичними задачами та потребами. Розберемося в найефективніших підходах до розв'язання проблем, з якими може стикатися фронтенд розробник. Сформуємо інтуїтивне розуміння архітектурних патернів, що стане фундаментом і під час розробки з React, і під час подальшої роботи з іншим фреймворком.
Базові поняття
— Функціональний підхід та декларативність у розробці GUI.
— Компоненти, JSX.
— Виведення даних, обробка DOM подій.
— Робота зі станом, рендер компонентів.
— Взаємодія з браузерними API.
— Використання бандлера Vite для швидкого старту проєкту.
Клієнт-серверна комунікація
— Синхронізація із зовнішніми джерелами даних.
— Асинхронні стани UI та їх реалізація з Suspense і ErrorBoundary.
— Нормалізація та мемоізація зовнішніх даних.
Архітектура застосунку
— Декомпозиція компонентів, композиційні патерни.
— Патерни та антипатерни роботи зі станом.
— Бібліотеки для керування станом: скінченні автомати, редюсери, атоми, сигнали.
— Розробка компонентів в ізоляції за допомогою Storybook.
— Структура директорій застосунку.
Екосистема
— Роутинг із використанням react-router.
— Робота з формами, бібліотека react-hook-form.
— Ефективна робота з API за допомогою react-query.
— Принципи анімації в React з css-transition-group, framer-motion.
— Unit тестування компонентів, react-testing-library.
Оптимізація
— Причини низької швидкодії react застосунку.
— Інструменти для вимірювання швидкості завантаження та рендеру.
— Використання вбудованих можливостей React для пришвидшення застосунку.
Дізнайтеся більше

Twitter
Осередок технарів, Development & Data Science новин, фізри для мозку, непроханих порад та соціально-наукового холівару

Відеокурс
Basic Math for Developers

Інтенсив
SQL для початківців
Курс для вас, якщо ви

Знаєте HTML, CSS, JS
не маєте досвіду у фронтенд розробці й хочете опанувати React для подальшого розвитку в галузі

Працюєте фронтенд розробником
знаєте JavaScript, інший фреймворк і хочете пройти React JS навчання

Самостійно освоїли React
і прагнете прокачати свої практичні вміння

Хочете розробити проєкт у портфоліо
на основі продуктового кейсу

Закінчили курси frontend
— курс HTML і CSS
— JS курс