👁 Image
ReduxSimple 3.7.0

Redux Simple

Simple Stupid Redux Store using Reactive Extensions

Redux Simple is a .NET library based on Redux principle. Redux Simple is written with Rx.NET and built with the minimum of code you need to scale your whatever .NET application you want to design.

Example app

There is a sample UWP application to show how ReduxSimple library can be used and the steps required to make a C#/XAML application using the Redux pattern.

You can follow this link: https://www.microsoft.com/store/apps/9PDBXGFZCVMS

Getting started

Like the original Redux library, you will have to initialize a new State when creating a Store + you will create Reducer functions each linked to an Action which will possibly update this State.

In your app, you can:

• Dispatch new Action to change the State
• and listen to events/changes using the Subscribe method

You will need to follow the following steps to create your own Redux Store:

1. Create State definition

public record RootState
{
 public string CurrentPage { get; set; } = string.Empty;
 public ImmutableArray<string> Pages { get; set; } = ImmutableArray<string>.Empty;
}

Each State should be immutable. That's why we prefer to use immutable types for each property of the State.

2. Create Action definitions

public class NavigateAction
{
 public string PageName { get; set; }
}

public class GoBackAction { }

public class ResetAction { }

3. Create Reducer functions

public static class Reducers
{
 public static IEnumerable<On<RootState>> CreateReducers()
 {
 return new List<On<RootState>>
 {
 On<NavigateAction, RootState>(
 (state, action) => state with { Pages = state.Pages.Add(action.PageName) }
 ),
 On<GoBackAction, RootState>(
 state =>
 {
 var newPages = state.Pages.RemoveAt(state.Pages.Length - 1);

 return state with {
 CurrentPage = newPages.LastOrDefault(),
 Pages = newPages
 };
 }
 ),
 On<ResetAction, RootState>(
 state => state with {
 CurrentPage = string.Empty,
 Pages = ImmutableArray<string>.Empty
 }
 )
 };
 }
}

4. Create a new instance of your Store

sealed partial class App
{
 public static readonly ReduxStore<RootState> Store;

 static App()
 {
 Store = new ReduxStore<RootState>(CreateReducers());
 }
}

5. And be ready to use your store inside your entire application...