RTK Query

React 🟡 Mid

Definition

Solution de data fetching et caching integree a Redux Toolkit. Genere automatiquement les hooks, gere le cache, l'invalidation et les requetes optimistes.

Analogie

Comme un assistant personnel qui passe les commandes, gere le stock et previent quand il faut reapprovisionner.

Exemple de code

const api = createApi({
  baseQuery: fetchBaseQuery({ baseUrl: '/api' }),
  endpoints: (build) => ({
    getUsers: build.query({ query: () => '/users' }),
    addUser: build.mutation({ query: (body) => ({ url: '/users', method: 'POST', body }) })
  })
});

Cas d'usage

Applications Redux avec beaucoup de data fetching, en alternative a React Query dans l'ecosysteme Redux.

#state#data-fetching