https://github.com/skclusive/skclusive.mobx.component

Aspnet core Blazor/Razor component binding for Skclusive.Mobx.Observable
https://github.com/skclusive/skclusive.mobx.component

blazor csharp dotnet-core mobx

Last synced: 3 months ago
JSON representation

Aspnet core Blazor/Razor component binding for Skclusive.Mobx.Observable

• Host: GitHub
• URL: https://github.com/skclusive/skclusive.mobx.component
• Owner: skclusive
• License: mit
• Created: 2019-11-10T08:50:51.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-19T19:36:08.000Z (about 4 years ago)
• Last Synced: 2024-10-10T20:12:27.768Z (4 months ago)
• Topics: blazor, csharp, dotnet-core, mobx
• Language: C#
• Homepage: https://skclusive.github.io/Skclusive.Mobx.Component/
• Size: 13.5 MB
• Stars: 6
• Watchers: 6
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Skclusive.Mobx.Component

=============================

Razor/Blazor Component library to be used with Skclusive.Mobx.Observable which is port of [MobX](https://github.com/mobxjs/mobx) for the C# language.

> Supercharge the state-management in your Blazor apps with Transparent Functional Reactive Programming (TFRP)

## Introduction

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.

## Sample

The CounterApp sample project has been published [here](https://skclusive.github.io/Skclusive.Mobx.Component/).

![Observable Counter in action](images/counter.gif)

### Installation

Add a reference to the library from [![NuGet](https://img.shields.io/nuget/v/Skclusive.Mobx.Component.svg)](https://www.nuget.org/packages/Skclusive.Mobx.Component/)

## Usage

Components with Skclusive.Mobx.Observable values can be created and used in as below.

```razor

@using Skclusive.Mobx.Component

@using Skclusive.Mobx.Observable

@inherits PureComponentBase

Observable Counter

Current count: @currentCount.Value


    Click me

@code {

    private IObservableValue currentCount = ObservableValue.From(0);

    private void IncrementCount()

    {

        currentCount.Value++;

    }

}

```

## Credits

This is an attempt to port [mobx](https://github.com/mobxjs/mobx) and [mobx-react](https://github.com/mobxjs/mobx-react) to Blazor.

## License

Skclusive.Mobx.Component is licensed under [MIT license](http://www.opensource.org/licenses/mit-license.php)