How can I mock API responses in a React application?

How can I mock API responses in a React application?

You can use libraries like Axios Mock Adapter or Mock Service Worker to simulate API responses in your React app.

Can you show me an example using Axios Mock Adapter?

Sure! First, install Axios and Axios Mock Adapter. Then, you can set up a mock response like this:

import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';

const mock = new MockAdapter(axios);

mock.onGet('/api/data').reply(200, { data: 'Sample data' });

What about using Mock Service Worker?

With Mock Service Worker, you can intercept network requests at the service worker level. Here's a basic setup:

import { setupWorker, rest } from 'msw';

const worker = setupWorker(
  rest.get('/api/data', (req, res, ctx) => {
    return res(ctx.json({ data: 'Sample data' }));
  })
);

worker.start();