Design Patterns & Architecture
Master design patterns, SOLID principles, and architectural patterns for building scalable applications.
Design Patterns
Learn essential design patterns: Singleton, Factory, Observer, Strategy, Decorator, and more.
Topics Covered:
SOLID Principles
Master SOLID principles for clean, maintainable code: Single Responsibility, Open/Closed, Liskov Substitution.
Topics Covered:
Advanced Patterns: Design System Foundations
Render Props, Wrapper Components, and Polymorphic Components are the building blocks of Design Systems.
Topics Covered:
Micro-Frontends Architecture
Build scalable micro-frontend architectures: Module Federation, single-spa, independent deployments.
Topics Covered:
Migration & Refactoring Patterns
Strategies for migrating legacy React code: Class to Hooks migration, Redux to modern state management.
Topics Covered:
Refactoring Guru: Code Smells
Learn about code smells and refactoring techniques from Refactoring.Guru. Understand Refused Bequest and other object-orientation abusers.
Topics Covered:
Frontend Design Patterns That Actually Work in 2026
Master the most effective frontend design patterns for 2026: Atomic Design, Signals vs Context API, Container Queries, Dark Mode theming, Progressive Disclosure, AI-enhanced workflows, lazy loading, tree shaking, and accessibility-first components. With executable code examples.
Topics Covered: