Dev & Data Science

React

Навчимося розробляти вебзастосунки з використанням бібліотеки React і сформуємо базу для опанування інших фронтенд фреймворків.

Про курс

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

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

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

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

Попрактикуємось у розробці застосунків –– використовуватимемо продуктовий кейс із реалістичними задачами та потребами. Розберемося в найефективніших підходах до розв'язання проблем, з якими може стикатися фронтенд розробник. Сформуємо інтуїтивне розуміння архітектурних патернів, що стане фундаментом і під час розробки з React, і під час подальшої роботи з іншим фреймворком.

15 червня 2023 курс триває 3 місяці,
вебінари щопонеділка та щочетверга
10 500 грн/міс. 31 500 грн при повній оплаті курсу
11 025 грн/міс. при оплаті частинами
15 місць кожен студент отримує регулярний фідбек від куратора групи

Куратор

Нікіта Попов

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 для пришвидшення застосунку.

Дізнайтеся більше

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

Курс для вас, якщо ви

Фронтенд розробник

працювали із 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 днів від дати старту курсу, якщо ви передумаєте.

Реєстрація

Ще маєте запитання?
Не соромтесь їх ставити.

Проконсультуйте мене