/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 vote153 views1 answer
React faq
Javascript React
0 vote144 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote151 views5 answers
Arrow function component react shortcut vscode
Javascript React
68 votes157 views4 answers
Inline styling react
Javascript React
0 vote157 views1 answer
React native passing params to nested navigators
Javascript React
0 vote158 views4 answers
Router react how to pass data to class component
Javascript React
0 vote189 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
0 vote171 views1 answer
OnChange react functional programming
Javascript React
0 vote149 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
1 vote137 views1 answer
Tailwincss in react native
Javascript React