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.
30:40André Kovac
49:32Keith Cirkle
23:39Marc Brehmer
25:41Jan Weinschenker
26:00Rainer Hahnekamp
49:00Marc Backes
54:44Marc Backes
46:24David Leitner
Jobs that call for the skills explored in this talk.
BSB Bremer Software & Beratungs GmbH
Bremen, Germany
doinstruct Software GmbH
Berlin, Germany
Nia Health GmbH
Berlin, Germany
Cap3 GmbH
Kiel, Germany
Speech Processing Solutions
Vienna, Austria
Saby New Compy
Bielefeld, Germany
