Jahans3

export class Provider extends React.PureComponent {
  static defaultProps = {
    state: {},
    reducers: []
  };

  state = this.props.state;

  _dispatch = action => {
    const { reducers } = this.props;

Jahans3

export class Provider extends React.PureComponent {
  static defaultProps = {
    state: {}
  };

  state = this.props.state;

  _dispatch = action => {};

  render () {

Jahans3

// Action types
const ADD_ONE = 'ADD_ONE';
const ADD_N = 'ADD_N';

// Actions
export const addOne = () => ({ type: ADD_ONE });
export const addN = amount => ({ type: ADD_N, payload: amount });

Jahans3

export default function SomeCount () {
  return (
    <StateConsumer>
      {({ state, setState }) => (
        <>
          <p>
            Count: {state.count}
          </p>
          <button onClick={() => setState({ count: state.count + 1 })}>
            + 1

Jahans3

export class StateProvider extends Component {
  static defaultProps = {
    state: {}
  };

  state = this.props.state;

  render () {
    return (
      <Provider value={{ state: this.state, setState: this.setState.bind(this) }}>

Jahans3

import { StateConsumer } from './stateContext';

export default function SomeCount () {
  return (
    <StateConsumer>
      {state => (
        <p>
          Count: {state.count}
        </p>
      )}

Jahans3

import { StateProvider } from './stateContext';
import MyApp from './MyApp';

const initialState = {
  count: 0
};

export default function Root () {
  return (
    <StateProvider state={initialState}>

Jahans3

import React, { Component, createContext } from 'react';

const { Provider, Consumer } = createContext();

export const StateConsumer = Consumer;

export class StateProvider extends Component {
  static defaultProps = {
    state: {}
  };

Jahans3

import { createContext } from 'react';

const { Provider, Consumer } = createContext();

Jahans3

const state = {};

export const getState = () => state;

export const setState = nextState => {
  state = nextState;
};