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

  Рет қаралды 579

Algomax

Algomax

Ай бұрын

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 : www.hexa-web.fr/blog/discrimi...
--- Formation Remix & NestJS
Support écrit : dub.sh/remix-plus-nestjs
Partie 1 : • Développe 2X plus VITE...
Partie 2 : • Déploie un monorepo Re...
Partie 3 : • On intègre le design s...
Partie 4 : • Authentification avec ...
Partie 5 : • Authentification par t...
Partie 6 : • On développe une app d...
--- Autres contenus
Déploie tes projets Javascript sur un VPS • Comment héberger tes p...
Développe 2X plus vite avec cette stack Remix • Développe 2X plus VITE...
BiomeJS, l'outil qui optimise ton code • Cet outil AMÉLIORE la ...
--- Contenu Remix
Comment héberger des fichiers avec Remix ? • Comment héberger des f...
Comment valider un formulaire full-typesafe ? • Valide ton formulaire ...
Comment fonctionne le routing ? • Routing avec le framew...
Contenus exclusifs : algomax.fr
Newsletter : algomax.fr/newsletter
--- Nos réseaux
Twitter : link.algomax.fr/twitter
LinkedIn : link.algomax.fr/linkedin
KZfaq : link.algomax.fr/youtube
Instagram : link.algomax.fr/insta
Facebook : link.algomax.fr/fb

Пікірлер: 10
@joannybernardeau8691
@joannybernardeau8691 Ай бұрын
Bonjour a qui s'adresse cette video? Oui je me permets cette remarque car je suis un junior et je regarde ce genre de video pour progresser, voir des méthodes. Ainsi cette video a été rapide a mon gout. Et pour moi un senior connaitra ce genre de méthode... Oui j'ai appris react avec proptypes et je me suis mis a typescript. Justifier la nuance je n'ai pas assez de recule, proptypes est a exécution du code, typescript est a la compilation . Alors que là tu introduis Zod et je suis perdu. Enfin j’apprécie cette vidéo pour ces notions que je vais travailler.
@algomax-dev
@algomax-dev Ай бұрын
Bonjour ! Cette vidéo s'adresse effectivement aux développeurs Typescript, débutants comme experts. J'aurai effectivement dû expliquer ce qu'est Zod avant de l'utiliser. Je tenais à conserver un format court. Excuse-moi 🙏 L'article de Dimitri est destiné à tout public, et n'utilise pas Zod. 👉 www.hexa-web.fr/blog/discriminated-union-type-typescript C'est celui qui a inspiré ma vidéo Merci pour ton retour !
@joannybernardeau8691
@joannybernardeau8691 Ай бұрын
@@algomax-dev Il n'y a pas a t'excuser. Puis tu as un sujet pour une vidéo avec Zod que je serais ravi de voir. Pour moi comme je l'ai dit c'est de monter en compétences avec les inspirations de ce genre de vidéo. Alors un grand merci a toi aussi.
@TIKTOKPOULPITO
@TIKTOKPOULPITO 22 күн бұрын
Super, j'apprécie ce type de contenu. C'est tellement jouissif d'apprendre de nouvelles méthodes pour optimiser son code. Merci!! 😊
@algomax-dev
@algomax-dev 22 күн бұрын
Merci, c’est vrai ! Ça fait super plaisir
@TIKTOKPOULPITO
@TIKTOKPOULPITO 21 күн бұрын
@@algomax-dev En tout cas, tes vidéos sont vraiment bien expliquées et on comprend bien les explications. Je me réjouis des prochaines vidéos, merci encore :).
@algomax-dev
@algomax-dev 21 күн бұрын
@@TIKTOKPOULPITO Merci beaucoup, ça me touche !
@Gustavewpm
@Gustavewpm Ай бұрын
Yeah, bien joué, explore un peu + le type narrowing et narrow-nous tout ça parfaitement Virgile ! (Tu peux aussi oublier les switch cases. C'est nul. Renseigne-toi sur comment tu pourrais faire la même avec un Record qui prend en clé le type de chaque truc sur lesquels tu veux switcher, et en valeur la fonction à exécuter. Tu n'utiliseras plus jamais les switch cases.)
@algomax-dev
@algomax-dev Ай бұрын
Oh merci pour ce conseil Julien ! Je connaissais pas le concept dont tu parles, je vais me renseigner 😉
@Gustavewpm
@Gustavewpm Ай бұрын
@@algomax-dev J'te montre si tu veux :)
Ce qu'il ne faut pas manquer sur React 19 (React Conf 2024)
15:27
Useful gadget for styling hair 🤩💖 #gadgets #hairstyle
00:20
FLIP FLOP Hacks
Рет қаралды 6 МЛН
A little girl was shy at her first ballet lesson #shorts
00:35
Fabiosa Animated
Рет қаралды 10 МЛН
- А что в креме? - Это кАкАооо! #КондитерДети
00:24
Телеканал ПЯТНИЦА
Рет қаралды 7 МЛН
7 Outils Shadcn/UI pour te faire passer pour un Designer
10:38
Melvynx • Apprendre à coder
Рет қаралды 8 М.
Comment gérer les erreurs avec Remix ?
14:02
Algomax
Рет қаралды 99
Cet outil AMÉLIORE la qualité de ton code ! (adieu Eslint )
15:22
Pourquoi Je Ne Peux Plus Me Passer Des Énumérations en Python
13:25
Code Avec Dave
Рет қаралды 1,3 М.
React 19 est cassé... drama
12:11
Melvynx • Apprendre à coder
Рет қаралды 6 М.
Je QUITTE GitHub Copilot, voici le remplaçant...
13:32
Melvynx • Apprendre à coder
Рет қаралды 12 М.
Comment héberger des fichiers avec Remix | Guide
15:31
Cette annonce React est ... inattendue ? (React Conf 2024)
5:53
Useful gadget for styling hair 🤩💖 #gadgets #hairstyle
00:20
FLIP FLOP Hacks
Рет қаралды 6 МЛН