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.

• https://en.wikipedia.org/wiki/Reactive_programming (opens in a new tab)

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 Proxy ref() JS getter/setter

Compile time (e.g. Svelte)