Skip to content

Instantly share code, notes, and snippets.

Created May 19, 2019 08:11
What would you like to do?
App.js with Provider - Managing Application state without Redux
import React from "react";
import { useGlobalState, Provider } from "./redux";
import reducer from "./reducer";
import ChildComponent from "./ChildComponent";
import "./App.scss";
const App = () => {
const globalState = useGlobalState({ count: 0 }, reducer);
return (
<Provider initialValue={globalState}>
<div className="app">
<h2>Welcome to React!</h2>
<button type="button" onClick={() => globalState.dispatch({ type: "increment" })}>
Click me to plus one!
<ChildComponent />
export default App;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment