Reactive libraries exist primarily to reduce the number of possible invalid states within a system.
A lamp example demonstrates how derived state reduces four possible states, including two invalid ones, down to two valid states.
Frameworks like React, Vue, RxJS, and Solid all provide primitives for both mutable state and derived state.
Refactor imperative UI updates, such as setting a title, to be a derived state based on the application's core data.
Avoid using multiple boolean flags for related UI visibility, as this creates coupled state and potential invalid combinations.
Decide whether to use global state for coupled features or local state for isolated components to manage complexity effectively.
Follow a structured process of mapping function calls, reverse-mapping state, and incrementally creating derived state to untangle complex code.
Refactoring to a reactive model with derived state leads to clearer code boundaries, easier conceptualization, and a more predictable application.
Sensory-Minds GmbH
Offenbach am Main, Germany
Hubert Burda Media
München, Germany
30:40André Kovac
25:41Jan Weinschenker
49:32Keith Cirkle
23:39Marc Brehmer
26:00Rainer Hahnekamp
49:00Marc Backes
54:44Marc Backes
46:24David Leitner
Jobs that call for the skills explored in this talk.
Hire IT People
Saint Davids, United States of America
Cloudspace LLC
Glenview, United States of America
Cloudspace LLC
Phoenix, United States of America
Cloudspace LLC
Denver, United States of America
ARRK Engineering GmbH
Freiburg im Breisgau, Germany
Miracle Software Systems, Inc.
Boon Township, United States of America