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

Bringing back reactivity in "reactive" frontend

Michał Moroz

Are isolated boolean flags causing elusive bugs in your codebase? True reactivity exists to mathematically eliminate invalid states. Learn to build resilient frontends using pure derived primitives.

Pause
Mute Enter Fullscreen
#1 about 3 min

Establishing a practical definition of reactivity

Finding a shared principle of reactive programming that focuses on preventing impossible application states.

#2 about 5 min

Modeling object-oriented states versus derived reactive states

A simple lamp switch example illustrates how derived states eliminate invalid combinations of data.

#3 about 1 min

Comparing derived state primitives across modern JavaScript libraries

How react, vue, rxjs, and solid each handle base state declarations and derived computations.

#4 about 3 min

Replacing explicit state mutations with derived variables

Translating convoluted imperative update functions into clean reactive computed values to fix unpredictable behavior.

#5 about 4 min

Decoupling UI states to prevent impossible interface combinations

Organizing finite sets of independent state paths avoids conflicting interface visibility bugs.

#6 about 4 min

Positioning derived state logic within component hierarchies

Evaluating the tradeoffs between placing derived state in global stores versus isolating it within local child components.

#7 about 9 min

A systematic process for refactoring legacy imperative updates

Recursively mapping out function dependencies and state mutations enables a safe transition to derived pure functions.

#8 about 4 min

The architectural benefits of reducing invalid states

Relying on derived state and pure functions yields a more predictable, conceptualized, and resilient frontend architecture.

Matching moments

2:50 min

Defining true reactivity in web frameworks

Daniela Bonvini · LIVE

4:38 min

Introduction to react components, props, and state

Clemens Helm · World Congress 2023

1:58 min

Navigating the learning curve of reactive programming

Jan-Niklas Wortmann · LIVE

3:00 min

Summarizing modern patterns for robust interactive components

Aurora Scharff Aurora Scharff · World Congress 2025

7:20 min

The complexity and maintainability tradeoffs of reactive programming

Christian Woerz · LIVE

4:30 min

Tracking open source community trends in JavaScript native frameworks

Dan Cranney Dan Cranney +2 · LIVE

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail
24:07
12 months ago

Beyond the Hype: Real-World AI Strategies Panel

Mike Butcher, Jürgen Müller, Katrin Lehmann, Tobias Regenfuss

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation thumbnail
21:17
almost 2 years ago

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation

Carl Lapierre

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI! thumbnail
31:50
about 2 years ago

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!

Zaid Zaim

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging thumbnail
29:43
about 2 years ago

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging

Sue Quackenbush

Dapr in Practice thumbnail
24:08
about 2 years ago

Dapr in Practice

marcklefter

Minimising the Carbon Footprint of Workloads thumbnail
27:46
about 2 years ago

Minimising the Carbon Footprint of Workloads

Michael Mueller

Related videos

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
World Congress 2022 • about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

Rethinking React State Management: The Power of Built-In Solutions thumbnail
23:39
World Congress 2024 • about 2 years ago

Rethinking React State Management: The Power of Built-In Solutions

Marc Brehmer

Under The Hood of Vue 3 Reactivity thumbnail
49:00
World Congress 2021 • over 5 years ago

Under The Hood of Vue 3 Reactivity

Marc Backes

Common Mistakes in Vue.js and How to Avoid Them thumbnail
28:36
World Congress 2024 • about 2 years ago

Common Mistakes in Vue.js and How to Avoid Them

danielkellyio

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

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

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.