Reactivity Frontend
https://itnext.io/designing-solidjs-reactivity-75180a4c74b4 (opens in a new tab)
Terms
- fine-grained reactivity (e.g. Vue/Svelte)
- coarse-grained reactivity (e.g. React)
- command(writes/setter) query(reads/getter) responsibility segregation (CQRS) (e.g. Flux, one-way dataflow) https://www.martinfowler.com/bliki/CQRS.html (opens in a new tab) https://docs.aws.amazon.com/prescriptive-guidance/latest/modernization-data-persistence/cqrs-pattern.html (opens in a new tab) https://github.com/reduxjs/redux/issues/351 (opens in a new tab)
What
Data streams and propagation of change.
Programming paradigm allowing us adjust changes in declarative manner.
- https://vuejs.org/guide/extras/reactivity-in-depth.html#what-is-reactivity (opens in a new tab)
- e.g. Spreadsheets (
A0 + A1 = A2)
How
Run time (e.g. Vue)
reactive()ES Proxyref()JS getter/setter
Compile time (e.g. Svelte)