/Javascript/React/How to setup React Context, useContext Hook

How to setup React Context, useContext Hook

export const AuthContext = createContext(INITIAL_STATE);

export const AuthContextProvider = ({ children }) => {
  const [state, dispatch] = useReducer(authReducer, INITIAL_STATE);

  useEffect(() => {
    localStorage.setItem("user", JSON.stringify(state.user));
  }, [state]);

  return (
    <AuthContext.Provider
      value={{
        user: state.user,
        isFetching: state.isFetching,
        error: state.error,
        dispatch,
      }}
    >
      {children}
    </AuthContext.Provider>
  );
};

export default AuthContext;

Source: github.com

Similar codes

0 vote413 views1 answer
React native get route name
Javascript React
13 votes393 views1 answer
Reactjs useState() hook
Javascript React
1 vote394 views2 answers
Autofocus react
Javascript React
3 votes383 views1 answer
React native nox emulator
Javascript React
3 votes430 views2 answers
How to know the current route in react class component
Javascript React
1 vote439 views1 answer
Rendering, reconciliation and committing in react
Javascript React
0 vote378 views1 answer
How to run and clone react app
Javascript React
0 vote421 views1 answer
React native check os
Javascript React
0 vote390 views1 answer
Easy REACT download image
Javascript React
12 votes383 views2 answers
React native flatlist container style
Javascript React