Simple react-redux using React's new Context API

form.ts

const store = configureAndCreateReduxStore();

const { ReduxProvider, ReduxConsumer } = createReactRedux(store);

export const FormConnected: React.SFC<OwnProps> = ownProps => (
    <ReduxConsumer>
        {pipe(
            ({ state, dispatch }) => ({
                ...ownProps,
                ...mapStateToProps(state, ownProps),
                dispatch,
            }),
            props => (
                <Form {...props} />
            ),
        )}
    </ReduxConsumer>
);

react-redux.ts

import { Action, AnyAction, Store, Unsubscribe } from 'redux';
import React = require('react');

export const createReactRedux = function<S = any, A extends Action = AnyAction>(
    store: Store<S, A>,
) {
    const defaultValue = { dispatch: store.dispatch, state: store.getState() };
    const context = React.createContext(defaultValue);

    class ReduxProvider extends React.Component<{}, S> {
        unsubscribe: Unsubscribe | undefined;

        state = store.getState();

        componentDidMount() {
            this.unsubscribe = store.subscribe(() => {
                const state = store.getState();
                this.setState(state);
            });
        }

        componentWillUnmount() {
            if (this.unsubscribe !== undefined) {
                this.unsubscribe();
            }
        }

        render() {
            const { state } = this;
            const { dispatch } = store;
            return (
                <context.Provider value={{ dispatch, state }}>
                    {this.props.children}
                </context.Provider>
            );
        }
    }

    const ReduxConsumer = context.Consumer;

    return { ReduxProvider, ReduxConsumer };
};