/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

1 vote178 views1 answer
Deploy react to aws
Javascript React
16 votes216 views3 answers
What does the useReducer do in react
Javascript React
8 votes176 views1 answer
Ternary operator in button react
Javascript React
3 votes219 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
24 votes197 views4 answers
React copy to clipboard button
Javascript React
0 vote209 views2 answers
Get selected value on componentdidmount reactjs
Javascript React
0 vote192 views1 answer
Jsx not working in react vscode
Javascript React
0 vote225 views1 answer
React password hashing
Javascript React
0 vote139 views1 answer
How to use algolia react native
Javascript React
105 votes262 views1 answer
Create react app scaffolding
Javascript React