Overview

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.

Skills

Reviews