How to use mwp-store - 8 common examples

export function resolveAppProps(
	routes: Array,
	reducer: Reducer,
	middleware: Array = []
): Promise {
	const basename = window.APP_RUNTIME.appContext.basename || '';
	const findMatches = getFindMatches(routes, basename);
	const createStore = getBrowserCreateStore(findMatches, middleware);
	const store = createStore(reducer, getInitialState(window.APP_RUNTIME));

	// find the matched routes, and then resolve their components - mutate
	// the route object so that the overall `routes` object contains
	// resolved `component` properties for the current location
	const resolveComponents = (): Promise => {
		// get an array of matched routes
		const matchedRoutes = findMatches(window.location);
		// resolve components in parallel (AJAX chunk requests)
		return Promise.all(
			matchedRoutes.map(matchedRoute => {
				if (matchedRoute.route.getComponent) {
					return matchedRoute.route.getComponent();
				}
				return Promise.resolve(matchedRoute.route.component);
			})

export function resolveAppProps(
	routes: Array,
	reducer: Reducer,
	middleware: Array = []
): Promise {
	const basename = window.APP_RUNTIME.appContext.basename || '';
	const findMatches = getFindMatches(routes, basename);
	const createStore = getBrowserCreateStore(findMatches, middleware);
	const store = createStore(reducer, getInitialState(window.APP_RUNTIME));

	// find the matched routes, and then resolve their components - mutate
	// the route object so that the overall `routes` object contains
	// resolved `component` properties for the current location
	const resolveComponents = (): Promise => {
		// get an array of matched routes
		const matchedRoutes = findMatches(window.location);
		// resolve components in parallel (AJAX chunk requests)
		return Promise.all(
			matchedRoutes.map(matchedRoute => {
				if (matchedRoute.route.getComponent) {
					return matchedRoute.route.getComponent();
				}
				return Promise.resolve(matchedRoute.route.component);
			})
		).then(components => {

const initialState = {
					config: {
						apiUrl: API_ROUTE_PATH,
						baseUrl: host,
						enableServiceWorker,
						requestLanguage,
						supportedLangs,
						initialNow: new Date().getTime(),
						variants: getVariants(state),
						entryPath: url.pathname, // the path that the user entered the app on
						media: getMedia(userAgent, userAgentDevice),
					},
					flags,
				};

				const createStore = getServerCreateStore(
					getRouteResolver(routes, basename),
					middleware,
					request
				);
				return Promise.resolve(createStore(reducer, initialState));
			});

import { makeRenderer$ as makeServerRenderer$ } from 'mwp-core/lib/renderers/server-render';
import makeRootReducer from 'mwp-store/lib/reducer';

const routes = require('./app/routes').default;
const reducer = makeRootReducer();

// the server-side `renderRequest$` Observable will take care of wrapping
// the react application with the full HTML response markup, including ``,
// `` and its contents, and the `

import React from 'react';
import Helmet from 'react-helmet';
import makeRootReducer from 'mwp-store/lib/reducer';
import { Forbidden, NotFound, Redirect } from 'mwp-router';

export const clientFilename = 'client.whatever.js';
export const reducer = makeRootReducer();

export const ROOT_INDEX_CONTENT = 'this is the life';
const ChildWrap = props =>
	<div>
		{props.children}
	</div>;
const MockRootIndex = props =&gt;
	<div>
		{ROOT_INDEX_CONTENT}
	</div>;
export const FOO_INDEX_CONTENT = 'yo dawg i heard you like foo';
const MockFooIndex = props =&gt;
	<div>
		
		{FOO_INDEX_CONTENT}
	</div>;

export function resolveAppProps(
	routes: Array,
	reducer: Reducer,
	middleware: Array = []
): Promise {
	const basename = window.APP_RUNTIME.basename || '';
	const resolveRoutes = getRouteResolver(routes, basename);
	const createStore = getBrowserCreateStore(resolveRoutes, middleware);
	const store = createStore(reducer, getInitialState(window.APP_RUNTIME));
	return resolveRoutes(window.location).then(() => ({
		routes,
		store,
		basename,
	}));
}

export function resolveAppProps(
	routes: Array,
	reducer: Reducer,
	middleware: Array = []
): Promise {
	const basename = window.APP_RUNTIME.basename || '';
	const resolveRoutes = getRouteResolver(routes, basename);
	const createStore = getBrowserCreateStore(resolveRoutes, middleware);
	const store = createStore(reducer, getInitialState(window.APP_RUNTIME));
	return resolveRoutes(window.location).then(() => ({
		routes,
		store,
		basename,
	}));
}

const initializeStore = resolvedRoutes => {
			const createStore = getServerCreateStore(
				getFindMatches(resolvedRoutes, appContext.basename),
				middleware || [],
				request
			);
			const initialState = { config: appContext };
			return Promise.resolve(createStore(reducer, initialState));
		};