Про курс
Вивчити React легко. Варто лише опанувати невелику документацію, розбиття на компоненти й декілька хуків. Складніше навчитись розробляти застосунки з React. Адже одні й ті самі хуки можуть як спростити розробку та пришвидшити застосунок, так і стати палками в колесах фронтенд розробника.
На курсі передусім дізнаємося про призначення й практики застосування кожного інструмента, який використовуємо. Також звернемо увагу на екосистему навколо React: бібліотеки для роутингу, анімації, роботи з асинхронними даними та формами. Вона постійно розбудовується, а без знання її компонентів ви не зможете побудувати жодного застосунку.
За три місяці навчання на курсі React студенти:
— опанують базові концепції та можливості бібліотеки React;
— навчаться розробляти й масштабувати react застосунки;
— попрацюють із розлогою екосистемою навколо React;
— навчаться тестувати й оптимізувати швидкодію;
— засвоять патерни розробки застосунків та декомпозиції.
Попрактикуємось у розробці застосунків –– використовуватимемо продуктовий кейс із реалістичними задачами та потребами. Розберемося в найефективніших підходах до розв'язання проблем, з якими може стикатися фронтенд розробник. Сформуємо інтуїтивне розуміння архітектурних патернів, що стане фундаментом і під час розробки з React, і під час подальшої роботи з іншим фреймворком.

вебінари щопонеділка та щочетверга

11 025 грн/міс. при оплаті частинами

Куратор

Tech Lead у Solidgate. У минулому –– Full-Stack Tech Lead y SELECT від ЛУН, Front-end Tech Lead y Flatfy.
Понад 7 років досвіду в розробці, з них 3 роки менторить і розвиває культуру розробки в невеликих командах. Працює з JavaScript/TypeScript, має досвід роботи майже з усією екосистемою React і JS — Redux, Redux-Saga, React Query, Next.js, Remix, Server-Side Rendering, Fastify, Express, Webpack, Parcel, Esbuild, Rollup.
Програма курсу
-
Базові поняття
- — Функціональний підхід та декларативність у розробці 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 для пришвидшення застосунку.
Курс для вас, якщо ви
Фронтенд розробник
працювали із JavaScript чи іншим фреймворком і хочете опанувати React
Самостійно освоїли React
і прагнете прокачати свої практичні вміння
Хочете розробити проєкт у портфоліо
на основі продуктового кейсу
Випускник лінійки курсів
English
Intermediate і вище, щоб читати тексти
Умови вступу
тестове завдання
Час
10+ годин на тиждень для виконання домашніх завдань
Як відбувається навчання
Живі заняття
Живі вебінари з куратором відбуватимуться щопонеділка та щочетверга о 19:30.
Real-life завдання
У нас діє Practicult — культ практики. Тому ви виконуватимете багато складної домашки. Have fun & survive.
Курсовий проєкт
Під час навчання ви зробите великий проєкт. Адже принцип курсу — все як у житті.
Регулярний фідбек
У нас немає базових і преміум режимів. Тільки преміум, завжди. Отримайте від куратора все. І так, десята ітерація — це нормально.
Сертифікат за здобутки
Видаємо лише тим, хто своїм потом, часом і силами його заслужив.
ГРАФІК
Старт
15 червня 2023
Вебінари
понеділок, четвер — 19:30
Мова викладання
українська
Запитання
З яким софтом працюватимемо на курсі?
Вам знадобиться Node.js, Git, VS Code.
Як відбувається комунікація на курсі та в якому форматі куратор дає фідбек?
Уся комунікація на курсі відбувається на платформі Slack (робочий чат групи, канали для домашніх завдань і корисних посилань). Куратор дає фідбек у форматі коментарів, рев’ю коду на GitHub та під час обговорення на вебінарах.
Чи будуть записуватися вебінари?
Ми щоразу організовуємо запис, однак краще виділіть час, щоб долучитися до онлайн зустрічі — обговорити питання з одногрупниками та проконсультуватися з куратором.
А сертифікат буде?
Тільки за умови виконання всіх домашніх завдань та успішного захисту курсового проєкту.
Що, як мені не сподобається?
Ми зможемо повернути гроші протягом 7 днів від дати старту курсу, якщо ви передумаєте.