How can I create custom hooks for authentication in React?

How can I create custom hooks for authentication in React?

You can create custom hooks in React to manage authentication by encapsulating the logic for login, logout, and user state.

Can you show me a simple example of a custom hook for login?

Sure! Here's a basic example:

import { useState } from 'react';

const useAuth = () => {
  const [user, setUser] = useState(null);

  const login = (username, password) => {
    // Perform login logic here
    setUser({ username });
  };

  const logout = () => {
    setUser(null);
  };

  return { user, login, logout };
};

This hook manages the user state and provides login and logout functions.

What about handling errors during authentication?

You can enhance the custom hook by adding error handling. For example, you can use a state variable to track errors and update it based on the login response.