Razor/Blazor Component library to be used with Skclusive.Mobx.Observable which is port of MobX for the C# language.
Supercharge the state-management in your Blazor apps with Transparent Functional Reactive Programming (TFRP)
MobX is a state-management library that makes it simple to connect the reactive data of your application with the UI. This wiring is completely automatic and feels very natural. As the application-developer, you focus purely on what reactive-data needs to be consumed in the UI (and elsewhere) without worrying about keeping the two in sync.
It's not really magic but it does have some smarts around what is being consumed (observables) and where (reactions), and automatically tracks it for you. When the observables change, all reactions are re-run. What's interesting is that these reactions can be anything from a simple console log, a network call to re-rendering the UI.
MobX has been a very effective library for the JavaScript apps and this port to the C# language aims to bring the same levels of productivity.
The CounterApp sample project has been published here.
Add a reference to the library from
Components with Skclusive.Mobx.Observable values can be created and used in as below.
@using Skclusive.Mobx.Component
@using Skclusive.Mobx.Observable
@inherits PureComponentBase
<h1>Observable Counter</h1>
<p>Current count: <Observable>@currentCount.Value</Observable></p>
<button class="btn btn-primary" @onclick="IncrementCount">
Click me
</button>
@code {
private IObservableValue<int> currentCount = ObservableValue<int>.From(0);
private void IncrementCount()
{
currentCount.Value++;
}
}
This is an attempt to port mobx and mobx-react to Blazor.
Skclusive.Mobx.Component is licensed under MIT license