Making a video player in React should be easy, right? A boolean value can keep track of whether it is playing or not... but has the video been loaded yet? And how can we determine if it is paused or if it has just reached the end of the track? A Finite State Machine can help us define these different states and how one transitions to the next. Using XState within React can help us make complicated UIs easier to understand.
In this tutorial, we'll build a simple store where items can be added and removed from cart, and we’ll manage the application’s state using ngrx/store. As we’ll see, it is easier to manage data flow in the application when side effects and data flow are abstracted from components.
When applications get complex, it can be difficult to manage their data. In this tutorial, learn how to use the state management library Redux to build a food store that displays items and lets users add them to a shopping cart.
This article dives into Vuex, a Vue.js State Management Library. We'll look at the problems it was created to solve, the core concepts behind it, how to set it up, and, of course, use code examples at every step of the way.