There have been many react component patterns used over the years to facilitate the composition of frontend software.

However, React has evolved over the years especially with the introduction of hooks and context. Newer ways to do things clash with the so-called "older ones". In my talk, I want to take a relook the patterns from the perspective of a developer's needs for implementation, be it extracting logic, combining props, handling hierarchy, or inverting control of state.

Once the need is established, it is helpful to compare the new and the old patterns, if they exist, for the same goal and understand the pros and cons of each.

Aren't You Tired of Repeating Yourself?

Tired of repeating the same code over and over again in your React projects? In this talk, we'll discover the power of headless components, a design pattern that separates the logic from the presentation layer, allowing you to create reusable and flexible UI components. We'll explore how headless components can simplify your development process, saving you both time and effort. Whether you're a beginner or an experienced developer, join us to discover how headless components can help you streamline your React development and create high-quality, customizable UIs.

Learn how finite-state machines and reactive programming help us avoid callback hell at Grammarly.
We’ll discuss:

• Real-world challenges we faced when integrating new functionality into a complex existing architecture
• How FSMs transformed our approach to visualizing and scaling user flows
• Techniques for integrating state machines with RxJS and Focal signals to create elegant, maintainable solutions

Join us for actionable insights you can apply to your own React applications.

Writing complex UI and maintaining it can be hard. Writing tests help, but writing tests is also hard. Storybook can help with both, and provide auto documentation for your components.