How do you define an API slice using createApi()?

Question

Accepted Answer

In RTK Query, an API slice is defined using the **`createApi()`** function. This slice manages how your app interacts with APIs — including fetching, caching, and updating server data — directly within the Redux store. **`reducerPath`:** A unique key to identify the API slice in the Redux store. **`baseQuery`:** Defines how API requests are made, often using `fetchBaseQuery`. **`endpoints`:** A function that declares all queries and mutations (data fetching and modifying endpoints). import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';

export const apiSlice = createApi({
  reducerPath: 'api', // Unique name for the slice
  baseQuery: fetchBaseQuery({ baseUrl: '/api' }), // Base API URL
  endpoints: (builder) => ({
    getUsers: builder.query({
      query: () => 'users', // Defines the endpoint
    }),
    addUser: builder.mutation({
      query: (newUser) => ({
        url: 'users',
        method: 'POST',
        body: newUser,
      }),
    }),
  }),
});

export const { useGetUsersQuery, useAddUserMutation } = apiSlice; The `createApi()` function **automatically generates** hooks like **`useGetUsersQuery`** and **`useAddUserMutation`**, making it easy to integrate API data directly into React components. By defining an API slice this way, you centralize API logic, reduce boilerplate, and enable features like caching, invalidation, and automatic refetching out of the box.

How do you define an API slice using createApi()?

How do you define an API slice using createApi()?

Scenario Questions

Follow-up Questions