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 · WWC 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 · WWC 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 +2 · LIVE

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail
24:07
10 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
almost 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
almost 2 years ago

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

Sue Quackenbush

Dapr in Practice thumbnail
24:08
almost 2 years ago

Dapr in Practice

marcklefter

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

Minimising the Carbon Footprint of Workloads

Michael Mueller

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

Offloading IoT State: Solving the Memory Crisis on Legacy Hardware

Pravin Nagare

Senior Software Engineer, Roku

Pravin Nagare
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, Paweł Matynia

Bartosz Leczycki
Paweł Matynia
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood

Related videos

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
WWC 2022 • almost 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
WWC 2024 • almost 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
WWC 2021 • about 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
WWC 2024 • almost 2 years ago

Common Mistakes in Vue.js and How to Avoid Them

danielkellyio

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

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

Daniel Espino Garcia

Under The Hood Of Vue 3 Reactivity thumbnail
54:44
LIVE • over 3 years ago

Under The Hood Of Vue 3 Reactivity

Marc Backes

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.