StateProvider

[ahhzaky]

Preparing the data layer

import React, { createContext, useContext, useReducer } from "react";

export const StateContext = createContext();

export const StateProvider = ({ reducer, initialState, children }) => (
  <StateContext.Provider value={useReducer(reducer, initialState)}>
    {children}
  </StateContext.Provider>
);

export const useStateValue = () => useContext(StateContext);

---

this is needed to wrap the data layer.

[ahhzaky]

untuk memasuki app dibungkus dengan stateprovider supaya setelah melewati dua hal yaitu reducer dan initialState maka app bisa di akses.

initnya stateprovider untuk membungkus data.

[ahhzaky]

export const useStateValue = () => useContext(StateContext);

this is Hook which allows us to pull information from the data layer.

[ahhzaky]

More information about Redux

https://redux.js.org/

[ahhzaky]

meng-import StateProvider:

import{ StateProvider }from "./StateProvider";