How do I implement authentication in a React Native app using Axios?

How do I implement authentication in a React Native app using Axios?

To implement authentication in a React Native app using Axios, you can follow these steps: 1. Install Axios using npm or yarn. 2. Create a login function that sends a POST request to your authentication API. 3. Handle the response to store the token in AsyncStorage. 4. Use the token for subsequent requests.

Can you show me a code example for the login function?

Sure! Here's a simple example:

import axios from 'axios';
import AsyncStorage from '@react-native-async-storage/async-storage';

const login = async (email, password) => {
  try {
    const response = await axios.post('https://yourapi.com/login', { email, password });
    const token = response.data.token;
    await AsyncStorage.setItem('userToken', token);
    console.log('Login successful!');
  } catch (error) {
    console.error('Login failed:', error);
  }
};

What should I do after logging in to keep the user authenticated?

After logging in, you should store the authentication token securely (like in AsyncStorage) and include it in the headers of your Axios requests. You can create an Axios instance with default headers to automatically include the token for all requests.

How can I log out the user?

To log out the user, simply remove the token from AsyncStorage. You can create a logout function like this:

const logout = async () => {
  await AsyncStorage.removeItem('userToken');
  console.log('User logged out!');
};