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

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

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

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

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

Формат:

Дата та час: 11 листопада, 10:00 - 15:30, (Kyiv time, GMT+3).

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

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

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

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

Агенда:

• Знайомство, інтро. Теорія: історія 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