Reactive programming

Statechart =
{
  id: 'state_id',
  context: {
    /* ... */
  }
  initial: 'initial_state',
  states: {
    /* ... */
  }
}

MachineOptions =
{
  {
    actions: {
      /* ... */
    },
    activities: {
      /* ... */
    },
    delays: {
      /* ... */
    },
    guards: {
      /* ... */
    },
    services: {
      /* ... */
    }
  }
}

Machine = (Statechart, MachineOptions)
// Machine has `state`, `context`, `transition()`
// this is merely a declaration of state, not an instance
// `interpret()` it as as Service that stores the current value
// [Machine() | xstate](https://xstate.js.org/api/globals.html#machine)
// [StateMachine | xstate](https://xstate.js.org/api/interfaces/statemachine.html)

Service = interpret(Machine)
// Service has `start()`, `stop()`, `send()`, `onTransition()`
// [interpret() | xstate](https://xstate.js.org/api/globals.html#interpret)
// [Interpreter | xstate](https://xstate.js.org/api/classes/interpreter.html)

Resources | XState Docs
Showcase | XState Docs
darrylhebbes/awesome_xstate: Everything awesome about XState

Overmind

Overmind - OVERMIND
Using state machines - OVERMIND
Statechart - OVERMIND
React - OVERMIND

MobX

Introduction | MobX
mobxjs/mobx: Simple, scalable state management.
Becoming fully reactive: an in-depth explanation of MobX — Medium

MobX: Ten minute introduction to MobX and React
3 Reasons why I stopped using React.setState – Medium

Reactive Extensions (Rx)

ReactiveX
ReactiveX - Intro
Functional Programming in Javascript

RxJS
ReactiveX/RxJS: A reactive programming library for JavaScript RxJS 5.0+
Introduction - Learn RxJS

Introduction to Rx Rx.NET
dotnet/reactive: The Reactive Extensions for .NET
Reactive Extensions | Microsoft Docs

An introduction to reactive programming
Functional Reactive Game Programming – RxJS Breakout | manu.ninja
第 12 屆 iT 邦幫忙鐵人賽::用 30 天向世界宣告，這一年來鋼鐵般的歷練

RxJS with React Hooks for state management - LogRocket Blog

christianalfoni - RxJs the smartest dumbest tool ever
christianalfoni - Creating apps with observables

Introduction to Functional Reactive Programming with RxJS
10 Need-to-Know RxJS Functions with Examples
Learn RxJS in 60 Minutes for Beginners - Free Crash Course - YouTube

MVC to FRP by Gleb Bahmutov - Cycle Conf. Copenhagen 2016 - YouTube
slide notes
Building realtime applications with CycleJS and RxJS - Pusher Blog

Pubsub

PubSub for communicating between React Components - Coding Stuff - Medium

lukeed/vegemite: A Pub/Sub state manager you'll love... or hate

Cycle.js

Cycle.js
Cycle.js GitHub org
Basic examples › Cycle.js

Cycle.js Fundamentals from @andrestaltz on @eggheadio

egghead

RxJS Lessons - Screencast Video Tutorials @eggheadio
What Is RxJS? - RxJS Video Tutorial #free @eggheadio
Cycle.js Fundamentals - Course by @andrestaltz @eggheadio

RxPy

Valery Calderon - Reactive Programming with RxPy - PyCon 2018 - YouTube slide

C#

StateMachine Class (System.Activities.Statements) | Microsoft Docs
How to: Create a State Machine Workflow | Microsoft Docs

Simple state machine example in C#? - Stack Overflow

Inheriting INotifyPropertyChanged is too verbose, use a MVVM framework.
How to: Implement Property Change Notification - WPF .NET Framework | Microsoft Docs
INotifyPropertyChanged Interface (System.ComponentModel) | Microsoft Docs
c# - Implementing INotifyPropertyChanged - does a better way exist? - Stack Overflow

class TxtViewModel : INotifyPropertyChanged
{
   private string _path;

   public string Path
   {
      get => _path;
      set
      {
         if (value != _path)
         {
            _path = value;
            OnPropertyChanged();
         }
      }
   }

   public event PropertyChangedEventHandler PropertyChanged;

   protected virtual void OnPropertyChanged([CallerMemberName] string
   propertyName = null)
   {
      PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
   }
}

ReactiveUI

ReactiveUI - An advanced, composable, reactive model-view-viewmodel framework
ReactiveUI - Handbook

ReactiveUI - YouTube
ReactiveUI - A new way of thinking by Kent Boogaart - YouTube

Building A Cross Platform MVVM Pattern With ReactiveUI And Xamarin.Forms
Don't use ReactiveUI it's the opposite

Reactive property with ReactiveUI:

public class ReactiveViewModel : ReactiveObject
{
    public ReactiveViewModel()
    {
        Clear = ReactiveCommand.Create(() => { Name = string.Empty; });
        this.WhenAnyValue(x => x.Name)
            .Select(userName => $"Hello, {userName}!")
            .ToProperty(this, x => x.Greeting, out greeting);
    }

    public ReactiveCommand<Unit, Unit> Clear { get; }

    private readonly ObservableAsPropertyHelper<string> greeting;
    public string Greeting => greeting.Value;

    private string name = string.Empty;
    public string Name
    {
        get => name;
        set => this.RaiseAndSetIfChanged(ref name, value);
    }
}

Navigation/Routing

Advanced Avalonia+ReactiveUI+Routing example · Issue #3605 · AvaloniaUI/Avalonia

Samples

Avalonia/samples at master · AvaloniaUI/Avalonia

Reactive MVVM on the .NET Platform | by Artyom V. Gorchakov | Medium
Build Cross-Platform Reactive .NET Apps | by Artyom V. Gorchakov | Medium
reactiveui/ReactiveMvvm: Cross-platform ReactiveUI sample app built for a talk at MSK .NET conf.

kentcb/YouIandReactiveUI: The sample code for my book: You, I, and ReactiveUI
reactiveui/Camelotia: Cross-platform sample .NET GUI for cloud file management.
AvaloniaUI/Citrus.Avalonia: Modern styles for Avalonia controls.

Reactive programming

Actor Model

Signals

Xstate

Playgrounds/Visualizer

Tutorial

Video

Overmind

MobX

Reactive Extensions (Rx)

Pubsub

Cycle.js

egghead

RxPy

C#

ReactiveUI

Navigation/Routing

Samples