THE MEDIA FOR AI THAT ACTUALLY HELPS.French edition · Understand & take action
The interface is in English. Use cases, skills and articles remain in French.
OpenAI

Charger des données côté client avec SWR (stale-while-revalidate)

swr

En bref

Guide d’expertise SWR, la bibliothèque de crochets React de Vercel pour le chargement de données. Elle met en œuvre la stratégie de cache stale-while-revalidate : servir d’abord depuis le cache, puis revalider en arrière-plan. Cela concerne une application React avec chargement côté client, cache, revalidation, mutations, interface optimiste, pagination ou chargement infini, via SWR. Le texte cite SWR v2 (dernière indiquée : 2.4.1).

Ce que ça fait

  • Charge des données avec cache, revalidation et mutations
  • Couvre aussi l’interface optimiste, la pagination et le chargement infini

Pour qui, et un exemple

Les développeurs React qui veulent un chargement de données côté client, avec cache et revalidation, via SWR.

Exemple de demande : « Mets en place SWR pour ce chargement côté client : cache, revalidation, mutation et pagination. »

C’est fait pour un chargement de données côté client, un cache, une revalidation, des mutations, une interface optimiste, une pagination ou un chargement infini, avec SWR. Exemple rédigé par iadujour.fr à partir du SKILL.md, non testé.

Installer

Dans Codex : codex plugin add vercel@openai-curated (marketplace officielle du dépôt).

codex plugin add vercel@openai-curated

Fonctionne avec

  • Codex

Source : README : collection de plugins Codex ; la marketplace du dépôt s’appelle « Codex official ». D’autres agents ne sont pas nommés.

Niveau : Intermédiaire

Suppose un projet déjà en place chez l’éditeur et les outils décrits dans le SKILL.md.

À savoir

Dépôt officiel OpenAI. Ce sont des exemples de plugins Codex, souvent rédigés par l’éditeur du plugin (Figma, Stripe, Canva, etc.) et hébergés ici. Skill du plugin « vercel » dans openai/plugins.

Extrait du SKILL.md

La description d’origine, celle que l’agent lit pour décider de charger la skill (en anglais) :

SWR data-fetching expert guidance. Use when building React apps with client-side data fetching, caching, revalidation, mutations, optimistic UI, pagination, or infinite loading using the SWR library.

Citée depuis le SKILL.md au commit 27651a4 . Le dossier contient aussi 1 fichier annexe (agents/).

Le SKILL.md compte 172 lignes et 12 sections principales :

  • Installation
  • Core API
  • `useSWR`
  • `useSWRMutation` — Remote Mutations
  • `useSWRInfinite` — Pagination & Infinite Loading
  • Global Configuration
  • Revalidation Strategies
  • Optimistic Updates
  • Conditional Fetching
  • Error Retry
  • `useSWRSubscription` — Real-Time Data Sources
  • Key Rules

Licence : Aucune licence trouvée

Vérifiée le 10 novembre 2026 sur : aucun fichier de licence dans le dossier ni à la racine du dépôt.

Aucune licence trouvée : extrait court cité uniquement (droit de courte citation). Pour le texte complet, consultez la source.

Source. Fiche rédigée par iadujour.fr à partir de : Frontmatter, sections et corps du SKILL.md, README du dépôt. Consultée le 10 novembre 2026. Dépôt : openai/plugins .
MÊME ÉDITEUR

Autres skills OpenAI : Développement web

Toute la catégorie
ÉCHANGES

Commentaires.

Un retour d’expérience, une question, une précision sur cette skill ? Les commentaires sont relus avant publication.

Commentaires publiés

Chargement des commentaires…

    Laisser un commentaire

    Charte de modération. Chaque commentaire est relu avant publication. Sont refusés : l’incitation à la haine, les propos injurieux ou discriminatoires, la publicité, le spam et les liens promotionnels, le hors-sujet et les données personnelles d’autrui.