Ce concept TypeScript méconnu va améliorer ton code !

J'ai récemment découvert ce pattern qui m'a permis d'améliorer la qualité et lisibilité de mon code. Il est très utile si tu utilises Typescript, notamment pour les routes POST avec plusieurs actions (éditer, créer, supprimer une donnée ...).

Ça s'appelle le Discriminated Union Type :
Tu définis plusieurs types, ou plusieurs schémas Zod pour valider ta donnée. L'objet possède plusieurs propriétés différentes, avec une propriété en commun : la propriété qui va permettre de les discriminer (de déterminer de quel type il s'agit).

Cela m'évite de créer par exemple trois fichiers différents pour les trois traitements de données (éditer, supprimer, créer ...). C'est par conséquent plus simple de maintenir un seul fichier de code, surtout pour les petites données.

Je l'ai découvert dans cet article : https://www.hexa-web.fr/blog/discrimi...

--- Formation Remix & NestJS

Support écrit : https://dub.sh/remix-plus-nestjs
Partie 1 :    • Développe 2X plus VITE ! Remix, NestJ...  
Partie 2 :    • Déploie un monorepo Remix ! CI CD, Gi...  
Partie 3 :    • On intègre le design system ! Figma, ...  
Partie 4 :    • Authentification avec Redis, express-...  
Partie 5 :    • Authentification par token avec Docke...  
Partie 6 :    • On développe une app d'échanges de se...  

--- Autres contenus

Déploie tes projets Javascript sur un VPS    • Comment héberger tes projets JAVASCRI...  
Développe 2X plus vite avec cette stack Remix    • Développe 2X plus VITE ! Remix, NestJ...  
BiomeJS, l'outil qui optimise ton code    • Cet outil AMÉLIORE la qualité de ton ...  

--- Contenu Remix

Comment héberger des fichiers avec Remix ?    • Comment héberger des fichiers avec Re...  
Comment valider un formulaire full-typesafe ?    • Valide ton formulaire avec Remix, Zod...  
Comment fonctionne le routing ?    • Routing avec le framework Remix : Gui...  

Contenus exclusifs : https://algomax.fr
Newsletter : https://algomax.fr/newsletter

--- Nos réseaux

Twitter : https://link.algomax.fr/twitter
LinkedIn : https://link.algomax.fr/linkedin
YouTube : https://link.algomax.fr/youtube
Instagram : https://link.algomax.fr/insta
Facebook : https://link.algomax.fr/fb