|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/managing-application-state-in-blazor-with-redux/
课程评论：没有评论
课程名称：使用 Redux 管理您的 Blazor 应用状态 (.NET 8) 概述：在 Blazor 应用程序中管理应用状态可能会很繁琐。若想以原生方式实现，通常需要依赖参数和回调来进行组件之间的通信。Redux 是一个在 JavaScript 社区中广泛使用且功能强大的库，能够帮助您高效组织前端数据。在本课程中，我们将从零开始学习如何在 Blazor 应用中实现 Redux 存储模式。 第一模块：我们将从一个经典的 Blazor 应用开始，它与 API 进行通信。我们将快速识别出该创建方式的主要问题。在本模块中，我们将：创建第一个状态、创建第一个动作、创建第一个 reducer，以及创建将在 Blazor 组件中使用的服务。此外，我们会修改列表组件以集成 Redux 实现，并进行练习，尝试根据 Redux 实现更新列表组件以执行删除操作。到本模块结束时，您将理解 Redux 实现的基础知识以及它如何提升您的应用性能。 第二模块将重点介绍使用一个开源且稳定的库来增强我们的实现。您将学习：如何安装和配置该库，如何更改我们的状态和 reducer 以使其与该库兼容，更新列表组件以使用开源库，并添加特效——一种处理异步需求的特别类型的 reducer。您还将进行练习，确保更新列表组件以利用特效，并遵循第一个 SOLID 原则（单一职责）。此外，我们将启用 ReduxDevTools，使您能够追溯应用的状态，并创建该库的中间件，以便轻松添加自定义行为。通过这一模块结束，您将学会如何有效利用该库，并能独立在 Blazor 应用中实现 Redux 存储。 第三模块是课程的最后一部分，将通过一个独立的综合练习，使您验证自己掌握的所有内容。
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.
