React makes it easy to build components, but scaling a React application is a different story.

In this talk, we’ll explore modern React design patterns that go beyond “just components” and help you build applications that are maintainable, testable, and scalable as your team and codebase grow.

You’ll learn when and how to use patterns like:

Provider Pattern for shared state and dependency injection

Compound Components for building flexible UI libraries

Render Props vs Hooks (and when to still reach for them)

Container-Presenter Pattern for separation of concerns

Slot Pattern for highly reusable components

State Colocation and Context Extraction strategies

Functional State Machines for predictable complex UIs

We’ll break these down with real-world scenarios, live examples, and tips from production experience.

Whether you're working on a large React codebase or want to sharpen your architectural thinking, this session will help you “level up” your approach to frontend design.