Des articles pour ceux qui
livrent le stack
Textes originaux sur React, Node.js, TypeScript et AI — issus de la même pratique que notre logiciel opérateur. Corps des articles en anglais.
Tag : ux
Naviguations fluides semblables à celles d’une application grâce à l’API View Transitions dans Next.js
Utilisez l’API View Transitions avec les navigations de Next.js pour des effets de mouvement sur des éléments partagés, sans avoir recours à de lourdes bibliothèques d’animation.
805 motsLireUn bouton de retour d’information avec pouce levé animé sans aucune bibliothèque d’animation
Créez un widget de feedback avec des pouces levés et baissés, doté d’une animation pop basée sur des keyframes, d’états actifs et d’une requête fetch, en utilisant uniquement HTML, CSS et quelques lignes de JavaScript.
1559 motsLireConcevoir des écrans React pour les états de chargement, vide, erreur et tentative de réessai
Apprenez à modéliser tous les états dans lesquels un écran et un formulaire React peuvent se trouver, des structures de base et des mises à jour jusqu’aux résultats vides, aux erreurs utiles et à la protection contre les soumissions doubles.
1319 motsLireInterface utilisateur optimiste sans désynchronisation : captures d’écran, annulations et demandes interrompues
Apprenez à créer des mises à jour optimistes qui restent correctes : enregistrez l’état actuel, mettez à jour instantanément, revenez en arrière en cas d’échec, annulez les requêtes obsolètes, et sachez quand ne pas utiliser ce modèle.
2290 motsLireRésoudre les conditions de concurrence : le débouncing ne suffit pas dans les interfaces de recherche
Découvrez pourquoi le débouncing seul ne peut pas empêcher que des réponses API obsolètes écrasent l’état de l’interface utilisateur mis à jour, et explorez quatre solutions pratiques pour garantir le respect de l’ordre des requêtes.
2397 motsLire
À propos de ces articles
Devis en 24 h
Besoin du même stack en couche opérateur ? Envoyez le brief — devis sous 24 h.