import redux.StoreBuilder.*;

	// store model, implementing reducer and middleware logic
	var todoList = new TodoList();

	// create root reducer normally, excepted you must use
	// 'StoreBuilder.mapReducer' to wrap the Enum-based reducer
	var rootReducer = Redux.combineReducers({
		todoList: mapReducer(TodoAction, todoList)
	});

	// create middleware normally, excepted you must use
	// 'StoreBuilder.mapMiddleware' to wrap the Enum-based middleware
	var middleware = Redux.applyMiddleware(
		mapMiddleware(TodoAction, todoList)
	);

	// user 'StoreBuilder.createStore' helper to automatically wire
	// the Redux devtools browser extension:
	// https://github.com/zalmoxisus/redux-devtools-extension
	return createStore(rootReducer, null, middleware);

// Use regular 'store.dispatch' but passing Haxe Enums!
store.dispatch(TodoAction.Load)
	.then(function(_) {
		store.dispatch(TodoAction.Add('Item 5'));
		store.dispatch(TodoAction.Toggle('4'));
	});

// TodoList.hx

// Match the Haxe Enum directly in your reducer!
public function reduce(state:TodoListState, action:TodoAction):TodoListState
{
	return switch(action)
	{
		case Add(text):
			var newEntry = { id: '${++ID}', text: text, done: false };
			copy(state, {
				entries: state.entries.concat([newEntry])
			});
		case ...

// Match the Haxe Enum directly in your middleware!
public function middleware(store:StoreMethods<ApplicationState>, action:TodoAction, next:Void -> Dynamic)
{
	return switch(action)
	{
		case Load: loadEntries(store);
		default: next();
	}
}

class MyComponent extends ReactComponent
{
	static public var Connected = ReactRedux.connect(mapStateToProps)(MyComponent);

	static function mapStateToProps(state:State)
	{
		...
	}
	...
}

	override function render()
	{
		return jsx('<MyComponent.Connected />');
	}

// Implement IConnectComponent and (optionally) simply declare your state mapping function.
// No need to wrap your React view with Redux's connect function!
class TodoListView extends ReactComponentOfState<TodoListState> implements IConnectedComponent
{
	static function mapState(state:ApplicationState)
	{
		var todoList = state.todoList;
		var entries = todoList.entries;
		var message =
			todoList.loading
			? 'Loading...'
			: '${getRemaining(entries)} remaining of ${entries.length} items to complete';

		return {
			message: message,
			list: entries
		}
	}
	...
	override public function render()
	{
		return jsx('
			<div>
				<TodoStatsView message=${state.message} addNew=$addNew/>
				<hr/>
				<ul>
					${renderList()}
				</ul>
			</div>
		');
	}

	function addNew()
	{
		dispatch(TodoAction.Add('A new task'));
	}
	...

// when reference is untyped
var dispatch:Dispatch = props.dispatch;
dispatch(AnEnum.Action);

// or use typed props
typedef MyCompProps = {
	dispatch:Dispatch
}

class MyComp extends ReactComponentOfProps<MyCompProps> {
	...
	function doSomething() {
		props.dispatch(AnEnum.Action);
	}
}