Bridge.Redux - Wiki
Bindings of the Redux library for the Bridge transpiler. It provides a type-safe interface to interact with the redux library as well as DSL's to idiomatically create reducers from C#. thunk and logger middleware are built-in as well.
- ReactReduxTodoApp
- Used in Bridge.Ractive.Example
- More to come...
The easy and convenient way in to copy and paste the contents of Generated.Redux.cs in your project as a source file depecndency so you can tweak it however you like with no binary dependencies.
The Other way is to install it from nuget, download the latest prelease version (the one with "CI-{version}" tag)
First define your state object, in our case it is a simple counter
// State (object), it should to be a simple object literal that only holds data
// its properties however, could be anything.
[ObjectLiteral]
class Counter
{
public int Value { get; set; }
}Then define the actions upon which the reduction is based
// Actions
public class IncrementValue { }
public class DecrementValue { }
// Use fields instead of properties because properties will be translated to getter and setter methods
public class UpdateTodo
{
public int Id;
public string Description;
}Now for actually managing the state, lets create a counter reducer, Bridge.Redux provides a clean DSL to compose lambda's into a reducer based on the types of actions
var counterReducer =
BuildReducer
.For<Counter>()
.WhenActionHasType<IncrementValue>((state, action) =>
{
return new Counter { Value = state.Value + 1 };
})
.WhenActionHasType<DecrementValue>((state, action) =>
{
return new Counter { Value = state.Value - 1 };
})
.Build();Create your store
var initialState = new Counter { Value = 0 };
var store = Redux.CreateStore(counterReducer, initialState);Subscribe (listen) to store dispatches
store.Subscribe(() => Console.WriteLine($"Current value => {store.GetState().Value}"));Finally dispatch actions
store.Dispatch(new IncrementValue());
// Current value => 1
store.Dispatch(new IncrementValue());
// Current value => 2
store.Dispatch(new IncrementValue());
// Current value => 3There you have it, a working redux app, utilizing C#'s type-system :)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent