UI and data reactivity in Borstch

Anton Ioffe - November 10th 2021 - 1 minutes read

All the UI and data is reactive out of the box. Once store or local component's data is updated - relevant UI that depends on this data is updated.

Store and local component's data are the source or reactivity in Borstch. All syncronous computations or props that derive from store or data automatically become reactive as well.

In practice this means for example that you can bind a CSS setting to get its value from reactive data. Once the data is updated CSS setting is updated as well - and user sees relevant UI.

This means that when writing logic you work with data not with dom nodes. Just like you do in React or Vue. UI in Borstch is reactive and data-driven (state-driven).

There is no need to write any boilerplate code like we do in Redux for example - reducers, actions, slices etc. Just modify data directly. This is straightforward and simple. This brings easiness to creation of even complex applications.

In some cases abstraction of the store and data is really needed. In this case you can simply create a special logical layer with a bunch of functions that will abstract away store and data, and take care of its modifications and selection of data-slices.

Don't Get Left Behind:
The Top 5 Career-Ending Mistakes Software Developers Make
FREE Cheat Sheet for Software Developers