https://github.com/calabonga/blazorstatemanagement
https://github.com/calabonga/blazorstatemanagement
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/calabonga/blazorstatemanagement
- Owner: Calabonga
- License: mit
- Created: 2022-08-24T09:29:23.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-26T00:36:00.000Z (almost 4 years ago)
- Last Synced: 2025-01-25T19:08:30.921Z (over 1 year ago)
- Language: HTML
- Size: 213 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Blazor State Management
В этом репозитории серия видео роликов на тему "Управление состоянием в Blazor". А также немного поговорим о том, что же такое есть "состояние" в концепции разработки программного обеспечения и, в частности, в языке C#.
Я знаю четыре способа управлять состоянием, и хочу их все показать.
## Вступительно видео
На видео немного подробностей про понятие "состояние". Для тех, кто только начинает программировать это видео будет полезным. Потому что дает представление о том, что будет на последующих видео в этой серии.
[](https://www.calabonga.net/blog/post/blazor-state-management-1)
[Управление состоянием в Blazor 1](https://www.calabonga.net/blog/post/blazor-state-management-1)
## Первый способ "CascadingValue"
Первый способ самый простой, на мой взгляд, поэтому я начал с него. В основе лежит принцип работы Blazor (внутренние механизмы). Кода писать много не надо, и несмотря на простоту - это очень эффективный способ управления состоянием объекта.
[](https://www.calabonga.net/blog/post/blazor-state-management-2)
[Управление состоянием в Blazor 2](https://www.calabonga.net/blog/post/blazor-state-management-2)
## Второй способ "StateMachine"
Второй способ уже не использует CascadingValue, а базируется на принципах "подписки" на события. В основе лежит принцип работы с event. Кода придется написать немного побольше, но дает некоторые полезные возможности для расширения функционала.
[](https://www.calabonga.net/blog/post/blazor-state-management-3)
[Управление состоянием в Blazor 5](https://www.calabonga.net/blog/post/blazor-state-management-3)
## Третий способ "MVVM"
Третий способ базируется также на принципах "подписки" на события, но имеет более универсальный подход и использует паттерн MVVM. Работать также предстоит с event, а раз это MVVM, где бОльшую управляемость мы получаем за счет количества кода обслуживающего конкретный функционал, то снова придется написать еще немного больше кода.
[](https://www.calabonga.net/blog/post/blazor-state-management-4)
[Управление состоянием в Blazor 4](https://www.calabonga.net/blog/post/blazor-state-management-4)
## Четвертый способ "Redux Pattern"
Четвертый способ основан на Redux Pattern. Те, кто из вас знаком с Single Page Application разработкой на React наверняка слышали про Redux. Как вы понимание, кода снова придется написать еще немного больше чем в прошлые разы. Но поверьте, оно этого стоит.
``` mermaid
graph LR
Browser --> Actions
Actions --> Reducer
Reducer --> Store
Store --> Browser
```
Также хочу заметить, что на видео я использую Fluxor, эта библиотека - всего ли одна из тех, которые реализуют Redux Pattern. Более того, вы может реализовать Redux Pattern вообще без использования каких либо библиотек, но кода придется написать во много раз больше. :)
[](https://www.calabonga.net/blog/post/blazor-state-management-5)
[Управление состоянием в Blazor 5](https://www.calabonga.net/blog/post/blazor-state-management-5)
## Комментарии, пожелания, замечания
Пишите комментарии к видео на сайте [www.calabonga.net](https://www.calabonga.net)
# Автор
Сергей Калабонга (Calabonga)
[Блог по программированию](https://www.calabonga.net)