Відео: 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