lightweight redux context setup with provider, useSelector, useDispatch all setup.

Usage no npm install needed!

<script type="module">
  import abdulghaniReduxcontext from 'https://cdn.skypack.dev/@abdulghani/reduxcontext';


Redux Context setup

In this project there's several component you could import to your project to use

  • AppContextProvider default providing context to it's children and specify reducer to use
  • useSelector named function for selecting/get the state value from the context state
  • useDispatch named function for dispatching actions to your context's reducer


You can use it this way

  // import your deps
  import AppContextProvider from "@abdulghani/reduxcontext";
  import myReducer from "somewhere";

  const App = () => {
    return (
      <AppContextProvider reducer={myReducer}>

And you can access the state from your component this way

  // other imports
  import {useSelector, useDispatch} from "@abdulghani/reduxcontext"

  const MyView = () => {
    const state = useSelector(state => state);
    const dispatch = useDispatch();

    useEffect(() => {
      // do something in initial render
      dispatch({ type: "MY_ACTION", data: "SOME DATA" });
    }, [])