RTK Query

React 🟡 Mid

Définition

Solution de data fetching et caching intégrée a Redux Toolkit. Génère automatiquement les hooks, gère le cache, l'invalidation et les requêtes optimistes.

Analogie

Comme un assistant personnel qui passe les commandes, gère le stock et prévient quand il faut réapprovisionner.

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'écosystème Redux.

#state#data-fetching

← → au clavier pour passer d'une fiche à l'autre