/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

3 votes210 views2 answers
React router hooks
Javascript React
19 votes227 views3 answers
React Hooks append state
Javascript React
6 votes234 views1 answer
React-native italics
Javascript React
0 vote260 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
-2 votes195 views2 answers
React gsap
Javascript React
0 vote236 views1 answer
React '$' is not define
Javascript React
3 votes242 views2 answers
React native width auto
Javascript React
0 vote244 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
0 vote233 views1 answer
Express react docker container example
Javascript React
0 vote223 views1 answer
How to remove an object from array in react native
Javascript React