tiny-toggle.js

import React from "react";
import ReactDOM from "react-dom";
import { Provider, useRedux } from "hooks-for-redux";

import "./styles.css";

// toggleState.js
const [useToggle, { toggleSwitch }] = useRedux("toggle", false, {
  toggleSwitch: state => !state
});

// Toggle.js
const Toggle = () => {
  const toggle = useToggle();
  return (
    <div>
      <div>{JSON.stringify(toggle)}</div>
      <input type="checkbox" value={toggle} onChange={toggleSwitch} />
    </div>
  );
};

// index.js
const App = () => <Provider><Toggle /></Provider>

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);