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

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

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

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

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

Формат:

Дата та час: 27 квітня, 10:00 - 16:00, (Kyiv time, GMT+2), тривалість ~6 годин.

Платформа: Zoom. Ми відправимо вам посилання напередодні воркшопу, а також ви знайдете його на цій сторінці.

Мова заходу та презентації: українська

Кількість учасників: 25

Вимоги до учасників: розробники з досвідом React.js

Агенда:

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