/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 vote360 views1 answer
React Redux component getById crud exemple
Javascript React
3 votes279 views3 answers
Update create react app
Javascript React
0 vote316 views1 answer
React setstate in another component
Javascript React
2 votes346 views1 answer
React concatenate string and component
Javascript React
0 vote278 views6 answers
Replace all in react js
Javascript React
-1 vote329 views1 answer
Image component doesn't show image from url react native
Javascript React
0 vote301 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
16 votes292 views6 answers
Usestate in react
Javascript React
0 vote345 views1 answer
React html symbol code
Javascript React
0 vote308 views1 answer
Implement cai webchat in react native
Javascript React