/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 vote302 views1 answer
Edit json text react
Javascript React
65 votes271 views6 answers
Route react
Javascript React
0 vote289 views1 answer
Npm react animation
Javascript React
0 vote287 views1 answer
Setstate before function react
Javascript React
3 votes292 views1 answer
Render image url in react native
Javascript React
4 votes266 views1 answer
On window resize react
Javascript React
6 votes289 views6 answers
Shadow react native generator
Javascript React
0 vote311 views1 answer
React native better camera
Javascript React
-1 vote298 views2 answers
Email validation in react js
Javascript React
1 vote268 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React