/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

103 votes159 views7 answers
How to create react app
Javascript React
0 vote146 views1 answer
Remarkable react js
Javascript React
0 vote137 views1 answer
React-native-apple-authentication
Javascript React
0 vote144 views1 answer
Calculations inside a render function react js
Javascript React
3 votes144 views1 answer
React arrays
Javascript React
22 votes142 views4 answers
Npm react copy to clipboard
Javascript React
0 vote186 views1 answer
React cleanup meas
Javascript React
0 vote157 views1 answer
How to submit form in reactjs and send data in json
Javascript React
1 vote151 views2 answers
React PropTypes.instanceOf
Javascript React
0 vote142 views1 answer
Icon button react
Javascript React