For what it’s worth, even using “vanilla” JS it’s generally much easier than it’s made out to be. It requires design discipline and knowing ahead of time what discipline to apply. But it’s pretty simple once you know it:
- the UI isn’t a source of truth, it’s a computed interface to it
- changes/interactions in the UI should update the source of truth, not other parts of the UI
- the source of truth is fully responsible for managing and notifying dependencies of relevant changes
Or much shorter: state and presentation are separate concerns. Once you have that, you can focus on the actual problems you’re trying to solve rather than the ones created by crossing underlying technology boundaries.
- the UI isn’t a source of truth, it’s a computed interface to it
- changes/interactions in the UI should update the source of truth, not other parts of the UI
- the source of truth is fully responsible for managing and notifying dependencies of relevant changes
Or much shorter: state and presentation are separate concerns. Once you have that, you can focus on the actual problems you’re trying to solve rather than the ones created by crossing underlying technology boundaries.