Тёмный

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

Algomax
Подписаться 1,1 тыс.
Просмотров 582
50% 1

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
RU-vid : link.algomax.fr/youtube
Instagram : link.algomax.fr/insta
Facebook : link.algomax.fr/fb

Опубликовано:

 

17 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 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 Месяц назад
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 Месяц назад
Merci, c’est vrai ! Ça fait super plaisir
@TIKTOKPOULPITO
@TIKTOKPOULPITO Месяц назад
@@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 Месяц назад
@@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 :)
Далее
Apprendre TypeScript en juste 5 MINUTES (2024)
6:01
Просмотров 12 тыс.
На фейсконтроле 💂
09:41
Просмотров 811 тыс.
ПОМОГЛА НАЗЫВАЕТСЯ😂
00:20
Просмотров 2 млн
Créer une application mobile sans coder en 10min
20:18
Les marchés financiers paniquent, les USA inquiètent
10:55
Comment gérer les erreurs avec Remix ?
14:02
HTMX : RENDRE le DEV WEB MODERNE accessible à TOUS
13:26
Apprenez à coder. Voici pourquoi.
4:40
Просмотров 49 тыс.
На фейсконтроле 💂
09:41
Просмотров 811 тыс.