WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2025 • Aug 20, 2025 • Session details

MVI: Minimum Viable Interface for React Components

Daniel Espino Garcia

Stop building highly flexible React components for specific business needs. The Minimum Viable Interface restricts props and eliminates impossible states to drastically improve long-term maintainability.

Pause
Mute Enter Fullscreen
#1 about 3 min

Origin and philosophy of the minimum viable interface

Applying strict minimal component interfaces to business code rather than generic library patterns.

#2 about 3 min

Benefits of reducing cognitive load and limiting props

How fewer component props improve readability, facilitate testing, and simplify AI code generation.

#3 about 2 min

Defining the interface of React components

Treating props, context, and state as the core communication boundaries of a component.

#4 about 3 min

Contrasting library code flexibility with strict business code

Why business applications should aggressively restrict component options compared to open-source UI libraries.

#5 about 2 min

Applying the yagni principle to component properties

Avoiding speculative features and exposing only the functionality required by current business needs.

#6 about 5 min

Using booleans and enums over open-ended styling props

Restricting component variations by replacing arbitrary strings, class names, and React elements with strictly typed booleans or enums.

#7 about 3 min

Wrapping external libraries to control component APIs

Encapsulating third-party dependencies within custom wrapper components to simplify maintenance and prevent unauthorized prop usage.

#8 about 2 min

Preventing impossible states in component configurations

Utilizing union types to enforce logical constraints and eliminate contradictory combinations of component properties.

#9 about 3 min

Managing business changes and strict interface trade-offs

Navigating the friction of updating deliberately constrained component interfaces when new product requirements emerge.

Matching moments

5:01 min

Designing flexible and reusable component APIs

Emma Britnor Emma Britnor · World Congress 2024

2:02 min

Combining clean architecture and MVVM in React

Marc Brehmer Marc Brehmer · Europe 2026 Virtual

3:08 min

Fundamentals of building interfaces with React

Daisy Muyldermans · LIVE

44 sec

Constructing basic UI components using React hooks

Marc Rousavy Marc Rousavy · World Congress 2025

3:46 min

The rise of modern component-based frameworks and modular architecture

Sasha Shynkevich · LIVE

3:00 min

Summarizing modern patterns for robust interactive components

Aurora Scharff Aurora Scharff · World Congress 2025

More from World Congress 2025

GenAI Security: Navigating the Unseen Iceberg thumbnail
24:33
11 months ago

GenAI Security: Navigating the Unseen Iceberg

Maish Saidel-Keesing

Behind the Code: How Women Are Powering the Future of AI thumbnail
30:28
about 1 year ago

Behind the Code: How Women Are Powering the Future of AI

Alexandra Wudel, Laura Moritz, Madalina Florean

The AI Hype Filter: What’s Real, What’s Investable, What’s Noise? thumbnail
28:12
about 1 year ago

The AI Hype Filter: What’s Real, What’s Investable, What’s Noise?

Justus Lumpe, Konstantin Vinogradov, Nils Eiteneyer, Stephan Wirris

AI in Leadership: How Technology is Reshaping Executive Roles thumbnail
28:19
about 1 year ago

AI in Leadership: How Technology is Reshaping Executive Roles

Bernd Datler, Jasmin Kaiser, Jeff Hausmann, Sonja Alvarez

The AI-Ready Stack: Rethinking the Engineering Org of the Future thumbnail
28:09
about 1 year ago

The AI-Ready Stack: Rethinking the Engineering Org of the Future

Alex Laubscher, Jan Oberhauser, Keno Dreßel, Mirko Novakovic

AI Sovereignty: What Does It Take? thumbnail
29:13
about 1 year ago

AI Sovereignty: What Does It Take?

Boris Hecker, Clemens Wasner, Robin Hermann, Sonja Alvarez

Related videos

Developing a clean architecture-inspired React application with MVVM thumbnail
41:08
Europe 2026 Virtual • 3 months ago

Developing a clean architecture-inspired React application with MVVM

Marc Brehmer

Bringing back reactivity in "reactive" frontend thumbnail
28:43
World Congress 2024 • about 2 years ago

Bringing back reactivity in "reactive" frontend

Michał Moroz

Dos and don'ts with react hooks. An opinionated approach thumbnail
20:16
World Congress 2024 • about 2 years ago

Dos and don'ts with react hooks. An opinionated approach

Daniel Espino Garcia

The two trees of React thumbnail
19:22
World Congress 2026 Europe • 3 months ago

The two trees of React

Carl Assmann

Building a component library for modern challenges thumbnail
29:44
World Congress 2023 • about 3 years ago

Building a component library for modern challenges

Filip Rakowski

Building Interactive Async UI with React 19 and Ariakit thumbnail
25:22
World Congress 2025 • about 1 year ago

Building Interactive Async UI with React 19 and Ariakit

Aurora Scharff

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.