Reactive JQuery using Vuex design pattern

I recently came across a project where I had to work with limited / legacy tools and frameworks. In particular, I had to build a dynamic web app frontend using only JQuery and Bootstrap.

Modern frameworks like React or Vue take care of state management (Model layer of UI), as well as passing data to our components and handling UI events while applying business logic — the Presenter layer. Non of these are included in JQuery, so it’s relatively easy to end up with a huge mess. JQuery simply manipulates the DOM, no more no less. I ended up solving this problem…