Managing your Blazor application state with Redux (.NET 8)

The best way to handle data from a front-end perspective, now in Blazor and C# !
Free Download What you'll learn
how to manage state within a Blazor app
how to create Redux store structure from scratch
how to connect Blazor components to centralized store
how to time travel with the help of Redux Dev Tools
Requirements
basics of C#
basics of Blazor
Description
Managing your application state in a Blazor application can be tedious. If you want to do it with native way, you'd need to (ab)use of parameters and callbacks to communicate between components.Redux is a powerful and widely used library in the JavaScript community that helps you organize your front-end data the best way it can be. In this course, we are going to learn FROM SCRATCH how you can implement a Redux store pattern in your Blazor app !In the first module, we'll start from a classic Blazor app that communicates with an API. We'll quickly see what are the main issues with this way of creating Blazor. In this module, we will:Create our first state from a blank C# class fileCreate our first action from a blank C# class fileCreate our first reducer from a blank C# class fileCreate the service that will be used in our Blazor components Modify the list component to use our Redux implementationExercise : try to update the list component for the delete action by using our Redux implementationAt the end of this first module, you'll understand the basics of a Redux implementation and how it can enhance your application performance.The second module will be focused on using an open-source rock-solid library to enhance our implementation. You'll learn:How to install and configure this libraryHow to mutate our state and reducer to be compatible with this libraryExercise : try to update the list component to use the open-source libraryAdding effects, a special kind of reducer, to handle asynchronous needsExercise : try to update the list component to use effect and respect the first SOLID principle (Single Responsibility)Enable ReduxDevTools to be able to time travel with your applicationCreating a middleware for the library to add custom behavior easilyAt the end of this second module, you'll understand how to use this library effectivly and you'll be autonomous to implement a Redux store in your Blazor app.To verify that you've mastered everything in the course, a complete independent exercise will the third and last module of the course, to let you practice.
Who this course is for
C# developers
Homepage