Відео: SOLID принципи у дизайні React компонентів

Додавання нових фіч в React без переписування існуючої бази проєкту.

Ментор — Олександр Сугак, software engineer у Grammarly, спікер Fwdays та ютубер, 15 років в індустрії.
Відео: SOLID принципи у дизайні React компонентів
Відео: SOLID принципи у дизайні React компонентів

Опис воркшопу:

Часто так буває: працюєш над новою фічею, вже начебто є готовий React компонент, але щось у ньому не підходить! Ну що ж, доводиться розбиратись, як він працює всередині та змінювати під новий сценарій. І ось вже майже все готово — але тепер 2 інші фічі перестали працювати!

Тренер — Олександр Сугак, software engineer у Grammarly, спікер Fwdays та ютубер, 15 років в індустрії.

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

Практична частина: Для кожного принципу буде коротке завдання з кодом, де учасники зможуть попрактикуватися в застосуванні принципу на зразку React коду в інтерактивному середовищі (локальне налаштування не потрібне).

Формат:

Матеріали: Відеозапис воркшопу (4 години) та код, який використовувався під час тренінгу.

Мова заходу: українська

Після придбання квитка, оновіть сторінку, і ви побачите запис відео та посилання на код.

Агенда:

  • Знайомство, інтро. Теорія: історія SOLID та особливості React підходу, проблематика мейнтейнабл React коду, Q&A (1 година)
  • SRP: створюємо компоненти, що роблять одну річ + Q&A (30 хвилин)
  • OCP: закриваємо компоненти для модифікації та відчиняємо для розширення + Q&A. (30 хвилин)
  • LSP, робимо компоненти що можна взаємнозамінювати + Q&A. (30 хвилин)
  • Перерва (1 година)
  • ISP: звужуємо інтерфейси компонентів + Q&A. (30 хвилин)
  • DIP: інвертуємо залежності між компонентами + Q&A. (30 хвилин)
  • Підсумок+Q&A

Олександр Сугак, software engineer у Grammarly.

— 15 років в індустрії. Працював з різними технологіями (бек та фронт-енди, JS, TS, .NET) та на різних позиціях (tech lead, software architect, lead developer), останнім часом багато працює з React.JS

Youtube channel

Linkedin

Відгуки:

Ділимось реальними відгуками з onine-воркшопу (з дозволу учасників)

"Все круто, скоуп розглянутий круто і окремо "

"Сподобалось прикладне спрямування воркшопу: всі озвучені принципи одразу ж ілюструвалися на практиці."

"Cподобалась: чітка структура подання інформації, хороші і наглядні приклади. В цілому було корисно. Бажаю, щоб на всіх проєктах дотримувались SOLID принципів :)"
"Сподобалася класна якість звуку та подача матеріалу. Чудово, що був live coding з коментарями. Було б класно, якби ще було декілька альтернативних варіантів кожного принципу для кожного з прикладів, і також щоб був приклад того, за яких умов можна порушити той чи інший принцип. На мій погляд, дійсно важливо не тільки розуміти принципи, але також вміти оцінювати їх потребу в тому чи іншому випадку."

Вартість квитків

Attendee's ticket

Презентація та матеріали

Доступ до запису воркшопу (1 рік)

Сертифікат учасника

2 000 UAH ≈€50
квитків Закінчуються
Купити квиток

У зв’язку з тим, що Fwdays — українська компанія, оплата послуг відбувається у національній валюті Гривні. Орієнтовну ціну у Євро ви можете побачити на блоках цін.

−10% для учасників попередніх подій 
Нараховується автоматично, перед оплатою, аккаунту з якого була здійснена покупка,
−30% для студентів денної форми навчання 
Надішліть фото або скан студентського квитка на academy@fwdays.com, і ми відправимо вам промокод
Увійти
Або поштою
Увійти
Або поштою
Реєстрація через e-mail
Реєстрація через e-mail
Забули пароль?