/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

2 votes410 views1 answer
Import React, { memo } from 'react';
Javascript React
6 votes344 views2 answers
React native socket io
Javascript React
28 votes355 views6 answers
React fontawesome
Javascript React
1 vote385 views1 answer
Iconify react
Javascript React
0 vote443 views2 answers
Loop through array react native
Javascript React
0 vote376 views3 answers
Paypal react native
Javascript React
0 vote398 views1 answer
Using RN BootSplash with React Navigation
Javascript React
-1 vote356 views4 answers
React tutorial
Javascript React
3 votes395 views1 answer
How to go to another page onclick in react
Javascript React
1 vote448 views3 answers
React toggle state
Javascript React