Sortie de TypeScript 5.0 en version stable - Actus JS de la semaine (20 mars 2023) - Vidéo Dailymotion

DevTheory

S'abonner au Courrier du hacker : https://go.devtheory.fr/lecourrierduhacker  Actu: Vite v4.2.0 : https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#420-2023-03-16 Actu: TypeScript 5.0 : https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/ Actu: Tremor v2.0.0 : https://www.tremor.so/changelog Outils: JSON Crack : https://jsoncrack.com/ Sponsor: Le Courrier du hacker : https://go.devtheory.fr/lecourrierduhacker  -------------------------------------------------------------------- DevTheory  Formations : https://devtheory.fr/?utm_source=youtube&utm_medium=yt_description Discord : https://go.devtheory.fr/discord Twitter: https://go.devtheory.fr/twitter LinkedIn : https://go.devtheory.fr/linkedin Contact sponsoring : contact@devtheory.fr  -------------------------------------------------------------------- Chapitres  00:00 - Introduction 00:31 - Actu: Vite v4.2.0 01:37 - Actu: TypeScript 5.0 02:57 - Actu: Tremor v2.0.0 04:17 - Outils: JSON Crack 05:37 - Sponsor: Le Courrier du hacker 06:26 - Conclusion  Contact pro pour sponsoring : contact@devtheory.fr

Transcript

00:00 VIT version 4.2 et TypeScript version 5.0,

00:04 bienvenue dans les actualités de la semaine du lundi 20 mars 2023.

00:08 Cette semaine, nous avons un sponsor, le courrier du hacker.

00:12 Le courrier du hacker, c'est une newsletter hebdomadaire

00:15 qui va vous résumer l'actualité du logiciel libre et de l'open source.

00:19 On en parle plus en fin de vidéo. C'est parti.

00:22 Bonjour à tous, c'est Brian de Dev Theory,

00:28 la chaîne pour devenir et rester un bon développeur, JavaScript.

00:31 Comme je vous le disais en introduction, on va parler de VIT.

00:34 La version 4.2.0 de VIT est sortie.

00:37 Il y a surtout une nouvelle fonctionnalité intéressante dans cette version 4.2,

00:42 en plus de certaines optimisations.

00:44 C'est le fait que les variables d'environnement,

00:47 qui sont disponibles à travers import.meta.env

00:50 un peu partout dans vos fichiers JavaScript,

00:51 maintenant, elles sont même disponibles dans les fichiers HTML.

00:56 Dans vos fichiers .html, vous pouvez faire un %mod,

01:00 par exemple, ou %vitapiurl,

01:03 et vous aurez directement la variable d'environnement

01:06 qui sera remplacée par ce petit code-là entre %.

01:10 C'est intéressant d'avoir ça directement depuis le HTML,

01:13 car dans certains cas, vous avez juste besoin d'afficher une variable.

01:16 Sans avoir cette fonctionnalité-là,

01:18 vous devez d'abord afficher la variable dans JavaScript,

01:20 puis modifier le DOM en JavaScript.

01:22 Là, ça vous permet d'enlever cette étape de modification du DOM

01:25 et de directement afficher vos variables dans le HTML

01:27 quand ça en est utile, tout simplement.

01:31 Il y a d'autres petites modifications concernant la version 4.2 de Vite,

01:35 notamment le fait qu'ils sont passés à TypeScript version 5.0,

01:39 car oui, la version 5.0 de TypeScript est sortie.

01:43 Je ne vais pas vous détailler les fonctionnalités,

01:45 car on en avait parlé lors de la bêta de la version 5.0.

01:50 C'était lors de l'édition du 30 janvier 2023.

01:55 Vous pouvez aller voir cette vidéo-là, je vous la mets en fiche juste au-dessus,

01:58 si jamais vous êtes intéressé par les modifications de la version 5.0 de TypeScript.

02:04 Mais ce qu'il faut savoir, ce n'est pas une version majeure

02:06 comme on pourrait l'avoir dans d'autres librairies,

02:09 car TypeScript ne respecte pas le semantic versionning.

02:16 C'est-à-dire que quand ils sont à la 4.9,

02:19 la nouvelle version, ce n'est pas la 4.10,

02:22 si jamais il y a d'autres features qui arrivent,

02:25 mais c'est la 5.0.

02:26 Cela ne respecte pas la convention que la plupart des librairies respectent.

02:29 Il ne faut pas se dire que c'est une majeure avec du breaking change, etc.

02:33 Non, ce n'est pas le cas.

02:34 C'est autant une nouvelle version que l'était la 4.9 par rapport à la 4.8.

02:39 Voilà comment fonctionne le système de version sous TypeScript.

02:42 Maintenant, quand vous installez TypeScript de base via un npm install,

02:47 c'est la version 5.0 que vous aurez.

02:49 Elle est maintenant en stable,

02:52 donc vous pouvez l'utiliser dans vos projets qui sont même en production.

02:56 Autre nouveauté cette semaine,

02:58 c'est la version 2.0.0 de Tremor.

03:01 Alors, Tremor, qu'est-ce que c'est ?

03:03 C'est une librairie pour React

03:05 qui va vous permettre de créer des dashboards,

03:08 donc des tableaux de bord, très rapidement,

03:10 grâce notamment à pas mal de widgets,

03:12 de components préfés par rapport à des graphes ou à des statistiques, etc.

03:17 Je trouve que c'est vraiment une superbe librairie.

03:20 Je n'utilise pas personnellement React,

03:22 mais si j'utilisais React, j'utiliserais Tremor,

03:25 surtout depuis leur version 2.0,

03:27 qui a été réécrite en utilisant totalement Talween CSS,

03:33 ce qui n'était pas le cas avant.

03:34 Ce qui signifie que maintenant,

03:36 toutes les props d'avant,

03:37 par exemple les props à la height, à la max-width, au space, etc.,

03:42 vous pouvez voir que max-width avant, on met une certaine prop,

03:45 et maintenant, tout va se gérer dans l'attribut classNames des components.

03:50 Tout va être changé par rapport à l'attribut classNames,

03:53 qui permet de simplement mettre des classes de Talween.

03:58 C'est une superbe nouvelle d'avoir réécrit tous les components

04:01 avec Talween CSS pour cette version 2.0,

04:04 ce qui permet une adoption encore plus rapide de Tremor

04:08 dans des stacks sous React qui sont déjà avec Talween.

04:12 Voilà tout concernant Tremor.

04:13 Je vous conseille d'aller voir si jamais vous êtes sur React.

04:16 Maintenant, on passe à l'outil de la semaine.

04:19 C'est un outil que j'ai trouvé très intéressant,

04:21 qui s'appelle JSON Crack.

04:23 Si on va dans l'éditor directement,

04:25 là, vous mettez le contenu de votre fichier JSON,

04:29 et ensuite, il va vous créer un graph de ce JSON-là.

04:35 Ce qui vous permet pour des JSON qui sont parfois assez complexes à visualiser,

04:40 de visualiser extrêmement simplement.

04:42 On voit l'objet de base.

04:43 On voit que l'objet de base a également une propriété members,

04:46 qui est un neuret.

04:46 Là, on a plusieurs members à la suite.

04:48 Vous voyez, je peux également ne pas les afficher si je veux.

04:51 Et chacun de ces members-là, ils ont une propriété powers,

04:53 qui est également un neuret.

04:54 On voit les différents pouvoirs de tous les membres.

04:57 On peut ne pas les afficher ou non.

04:59 On peut changer un peu la rotation du graph, par exemple.

05:04 Il y a d'autres choses, comme le fait d'enregistrer des graph,

05:08 les télécharger, etc.

05:09 C'est vraiment, je trouve, un superbe outil pour visualiser les JSON

05:13 quand c'est compliqué justement à les visualiser.

05:16 Là, vous n'avez pas à aller voir où s'arrête la barre, etc.

05:20 Où est-ce que ça passe ?

05:21 Vous avez directement une superbe vue du JSON.

05:24 Je trouve ça très intéressant et c'est gratuit.

05:26 À l'instant, vous avez un JSON que vous avez du mal à comprendre.

05:29 Vous allez sur jsoncrack.com/editor.

05:31 Vous mettez ici le contenu et ça va vous faire automatiquement le graph qui correspond.

05:37 Comme je vous disais en introduction,

05:39 cette semaine, le sponsor, c'est le courrier du hacker.

05:42 C'est donc une newsletter hebdomadaire

05:44 qui va résumer l'actualité du logiciel libre et de l'open source en français.

05:48 C'est ça qui est intéressant,

05:49 c'est que la plupart des newsletters que nous, on a,

05:52 ne sont pas justement en français.

05:53 Là, si on va dans les archives, par exemple, pour voir le dernier numéro,

05:57 vous voyez que tous les liens, ici,

05:59 sont des liens d'articles ou d'autres choses

06:02 qui redirigent vers du contenu en français.

06:04 Du contenu lié justement à l'open source et au logiciel libre.

06:10 C'est une superbe newsletter.

06:11 Si jamais vous êtes intéressé par tous ces domaines-là,

06:13 vous pouvez directement renseigner votre adresse e-mail

06:15 et toutes les semaines, vous recevrez cette édition de la newsletter

06:20 qui est, vous l'avez vu, assez concise,

06:22 mais pertinente et intéressante pour ce domaine-là.

06:25 Voilà tout concernant cette semaine.

06:28 Je vous mets le lien de toutes ces actualités

06:30 juste en dessous, en description.

06:32 On se retrouve la semaine prochaine

06:34 et sur une prochaine vidéo de Dev Theory.

06:36 À très vite !

06:38 [musique]

06:41 [musique]

06:44 [musique]

06:47 [musique]

06:50 ♪ ♪ ♪

Sortie de TypeScript 5.0 en version stable - Actus JS de la semaine (20 mars 2023)

Category

Transcription

Recommandations