Serveur Discord de DevTheory : https://go.devtheory.fr/discord
Actu: Lodash en "Issue Bankruptcy" : https://twitter.com/jdalton/status/1703136792541798429
Actu: Node.js v16 n'est plus maintenu : https://nodejs.org/en/blog/announcements/nodejs16-eol
Actu: v0.dev pour créer vos components avec l'IA : https://twitter.com/shadcn/status/1702390674216329469
--------------------------------------------------------------------
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
--------------------------------------------------------------------
Informations
00:00 - Introduction
00:23 - Actu: Lodash en "Issue Bankruptcy"
03:29 - Actu: Node.js v16 n'est plus maintenu
05:33 - Actu: v0.dev pour créer vos components avec l'IA
08:42 - Conclusion
Contact partenariat : https://go.devtheory.fr/partenariat
Actu: Lodash en "Issue Bankruptcy" : https://twitter.com/jdalton/status/1703136792541798429
Actu: Node.js v16 n'est plus maintenu : https://nodejs.org/en/blog/announcements/nodejs16-eol
Actu: v0.dev pour créer vos components avec l'IA : https://twitter.com/shadcn/status/1702390674216329469
--------------------------------------------------------------------
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
--------------------------------------------------------------------
Informations
00:00 - Introduction
00:23 - Actu: Lodash en "Issue Bankruptcy"
03:29 - Actu: Node.js v16 n'est plus maintenu
05:33 - Actu: v0.dev pour créer vos components avec l'IA
08:42 - Conclusion
Contact partenariat : https://go.devtheory.fr/partenariat
Category
🤖
TechnologieTranscription
00:00 Merci d'avoir regardé cette vidéo !
00:15 Le premier point à noter, c'est que la vidéo n'est pas enregistrée.
00:25 L'audace qui vient d'annoncer une faillite d'issue GitHub, ainsi que Node.js qui passe
00:50 en end of life ainsi qu'une nouvelle technologie spéciale pour les développeurs JavaScript
01:09 basés sur l'IA, c'est parti pour les Actu.js de la semaine !
01:12 Bonjour à tous, c'est Bryan de Dev Theory, la chaîne pour devenir et rester un bon développeur
01:20 JavaScript.
01:21 Cette semaine, on va parler d'une nouvelle assez étonnante, notamment par rapport à
01:27 l'audace.
01:28 L'audace ont déclaré une issue bankruptcy.
01:32 Ça veut dire qu'actuellement, il n'y a aucune issue qui est ouverte sur le GitHub.
01:38 Concrètement, si on va sur le GitHub et qu'on regarde toutes les issues qui ont le label
01:43 issue bankruptcy, on voit qu'il y en a plus de 686 et qu'elles ont toutes été fermées
01:50 il y a deux jours.
01:51 Elles ont toutes été fermées avec ce label-là, issue bankruptcy ou faillite de bug GitHub.
01:58 Alors, qu'est-ce que c'est ? Pourquoi l'audace a fait ça ? Pourquoi le maintainer principal
02:04 de l'audace, John David Dalton, a fait ça ? Il a fait ça car il y avait beaucoup de
02:09 propositions de nouvelles features ou de nouvelles PR qui sont mises en place ou des demandes
02:14 spéciales par rapport à l'audace.
02:16 En fait, il ne pouvait pas tout gérer.
02:18 Donc, qu'est-ce qu'il a fait ? Il a dit que toutes ces features-là, toutes ces issues,
02:24 vont aller dans ce label issue bankruptcy.
02:26 Et moi, je vais me focus sur la V5 de l'audace.
02:30 Actuellement, on est sur une V4.
02:31 Alors, qu'est-ce que ça veut dire ? Ça veut dire que la version 4 de l'audace, la version
02:35 actuelle, est toujours totalement stable.
02:37 Elle est testée.
02:38 Tout va bien avec cette version-là.
02:39 Il n'y a pas de bug, etc.
02:40 Et si jamais il y a des bugs, alors John David Dalton a déjà prévenu que ces bugs-là
02:46 seront résolus.
02:47 Ils seront résolus, mais c'est que s'il y a des vrais bugs qui sont vraiment prouvés,
02:51 que ça sera résolu sur la V4.
02:52 Et pendant ce temps-là, lui, il va totalement oublier pour l'instant le côté communautaire
02:58 et va totalement se centrer sur la version 5 de l'audace.
03:01 Et qu'est-ce que c'est la version 5 de l'audace ? C'est une version avec TypeScript et qui
03:06 sera créée notamment à travers BUN et non pas Node.js.
03:09 Donc lui, personnellement, et tous les maintainers de l'audace, utiliseront BUN afin de créer
03:15 une version 5 de l'audace qui sera de base en ECMAScript et en ESM, excusez-moi, ESMAScript
03:22 Modules et en TypeScript.
03:24 Et ça, via BUN et non pas via Node.js afin de se simplifier la tâche au niveau de tous
03:29 les fichiers à prendre en compte, .cjs, .mjs, etc.
03:33 Tout ça, ils ne prendront plus ça en compte puisque BUN gère tout ça nativement.
03:37 Et donc, qu'est-ce que ça fait en sorte ? Ça fait en sorte que maintenant, au niveau de
03:41 l'audace, la branche main du repository, c'est la branche qui va être dédiée à la version
03:47 5.
03:48 Et la version 4, elle est maintenant sur une autre branche, ici, vous voyez, 4.17 ou alors
03:51 une autre mineure ici de 4.17.
03:54 Et donc ici, dans cette version 5 en développement, qui est toujours en développement, vous voyez,
04:00 13 hours ago, et même yesterday, vous voyez qu'il y avait un work in progress par rapport
04:05 à la migration vers BUN qui est en place parce que, bien sûr, c'était sur Node.js
04:09 avant.
04:10 Et donc voilà, voilà ce qui se passe actuellement avec l'audace.
04:12 Donc, il n'y a pas de souci si jamais vous utilisez l'audace.
04:15 La version 4, elle marche toujours très bien.
04:17 Elle sera toujours supportée si jamais il y a des bugs.
04:19 Mais voilà, si jamais vous avez fait une issue pour ajouter une petite feature ou pour
04:22 un petit détail, etc.
04:23 Eh bien, ça, c'est tchao parce que tous les maintainers, maintenant, ils vont s'occuper
04:26 de la version 5.
04:28 Voilà, concernant donc l'audace.
04:30 Autre chose cette semaine, on a appris que d'un coup d'un seul, la version 16 de Node.js
04:36 est en end of life.
04:38 Alors, c'est avancé de 7 mois par rapport à ce qui était prévu de base.
04:42 Alors, pourquoi cette décision-là ? Parce que beaucoup de personnes étaient encore
04:47 sur la version 16, notamment parce que la maintenance devait encore se faire pendant
04:51 7 mois.
04:52 Eh bien, c'est parce qu'en fait, OpenSSL, qui est donc la technologie derrière Node.js,
04:59 qui est une technologie critique derrière Node.js, qui permet notamment de gérer toute
05:03 la communication des protocoles, en fait, tout ce qui est communication, ce qui est
05:06 Internet, gestion de la communication, eh bien, c'est via OpenSSL.
05:10 Et donc, cette librairie-là que Node.js 16 utilise en version 1.1.1, eh bien, elle passe
05:17 justement en end of life.
05:18 Donc, elle ne sera plus supportée à partir du 11 septembre.
05:22 Et donc, c'est déjà passé.
05:24 Et c'est pour ça, en fait, qu'ils ont annoncé…
05:26 Ah, merde, il faut que je le refasse alors.
05:33 Oui, il faut que je le refasse.
05:42 Autre nouvelle maintenant par rapport à Node.js, la version 16 de Node.js est maintenant en
05:48 end of life.
05:49 Alors, ça fait longtemps qu'on savait qu'elle allait être en end of life à ce moment-là.
05:52 Mais il faut quand même savoir que cette date, elle a été avancée de 7 mois.
05:57 Parce qu'avant, donc, ça devrait encore être en maintenance durant 7 mois.
06:00 Alors, pourquoi ce n'est pas en maintenance pendant encore 7 mois ? Eh bien, en fait,
06:04 c'est parce que Node.js dépend d'une technologie critique, d'un software open source critique
06:08 qui est OpenSSL.
06:09 Pourquoi je dis critique ? Parce qu'en fait, c'est cette partie de Node.js qui va gérer
06:14 l'entièreté de la gestion du réseau, de la communication, etc., SSL, TSL.
06:18 En fait, c'est très important pour avoir un serveur web.
06:22 Et OpenSSL version 1.1.1 que utilise Node.js, version 16, eh bien, en fait, passe en end
06:29 of life justement le 11 septembre.
06:31 Et donc, ils se sont dit que puisque cette version de OpenSSL n'allait pas être supportée
06:36 alors que nous, on allait continuer à supporter Node.js 16, eh bien, ça allait être bizarre
06:40 parce que si jamais il y avait des bugs qui sont à cause de OpenSSL, eh bien, ils ne
06:43 pouvaient rien faire.
06:44 Donc, ils ont avancé ça il y a quelques temps pour que la version 16 de Node.js passe
06:49 en end of life le 11 septembre.
06:51 Donc, c'est passé actuellement.
06:52 Donc, si jamais vous êtes encore sur la version 16 de Node.js, eh bien, il faut vraiment passer
06:56 à la version 18 parce qu'actuellement, la version 16, vous voyez, on est ici, eh bien,
07:01 elle n'est plus supportée, elle n'est plus maintenue.
07:03 Donc, si jamais il y a des bugs, eh bien, c'est ciao pour vous parce qu'il n'y aura
07:07 pas de résolution de ces bugs-là, en fait.
07:08 Donc, il faut vraiment passer à la version 18 le plus rapidement possible de votre côté,
07:13 surtout sur le mode de production, sachant que la version 18 va passer d'ici un mois,
07:19 eh bien, va passer en maintenance.
07:21 Donc, vous pouvez quand même rester sur la version 18 pendant qu'elle est en maintenance,
07:23 il n'y a pas de souci.
07:24 Mais peut-être que vous pouvez faire un bon un petit peu plus long en passant de la version
07:29 16 à la version 20 puisque la version 20 va passer justement en version active, donc
07:33 la version officielle actuelle.
07:35 Eh bien, justement, le mois prochain, ce sera donc le 18 octobre, je crois, Active Start
07:41 dans le 24 octobre, juste là.
07:42 Donc voilà, concernant ce petit switch de version de Node.js.
07:48 Donc voilà, concernant ce petit switch de version de Node.js.
07:52 On peut passer maintenant à autre chose, c'est une nouvelle technologie qui est assez
07:56 folle, qui utilise justement, je suppose, chat GPT, etc.
08:01 Donc, on va regarder cette petite vidéo et je vais vous expliquer étape par étape.
08:04 Vous voyez là qu'on tape justement dans un petit champ un certain prompt.
08:08 Le prompt, c'est donc un héros, une sorte de page d'accueil, un top de page d'accueil
08:13 pour une application liée aux emails.
08:16 Et donc là, ensuite, cette IA va créer trois versions ABC de ce prompt-là.
08:23 On va créer directement le code, etc. pour faire ça.
08:26 Ensuite, la personne va choisir la version qu'il veut, par exemple la B.
08:29 Et ensuite, une fois qu'il a la version B, il va venir peaufiner ce détail-là en sélectionnant
08:34 certains éléments.
08:35 Donc là, par exemple, il va sélectionner justement le titre principal, le H1.
08:39 Il va venir dire que ce titre-là, il veut ajouter un gradient sur cette headline-là.
08:46 Vous voyez qu'il y a un gradient qui s'est fait.
08:48 Donc un gradient dégradé.
09:05 Et là, il va venir ensuite continuer à peaufiner afin d'avoir un gradient qui est noir et blanc.
09:10 Vous voyez, ça a changé la couleur.
09:11 Ensuite, il veut le sens de haut en bas, mais finalement, non, il veut l'autre sens.
09:15 Donc il va lui dire d'inverser le sens.
09:16 Et maintenant, il va pouvoir exporter cette "Hero" section-là à travers tout un code
09:22 qui est déjà prévu et que vous allez pouvoir exporter directement dans votre projet React.
09:26 Pour l'instant, c'est que sous React, mais c'est quand même très intéressant.
09:29 Alors ce site web-là, c'est quoi ? C'est V0.
09:32 V0.dev.
09:33 Alors actuellement, moi, je n'y ai pas accès.
09:36 C'est une private bêta.
09:37 Je suis sur la waitlist.
09:38 Vous pouvez y être également en allant simplement sur cet email-là et vous pourrez voir ce
09:43 qu'ont fait les autres personnes.
09:44 Notamment, ce "Hero" component-là pour une "Email Client", on voit qu'en fait, il l'a
09:49 un peu changé au bout d'un moment.
09:50 Il a fait en sorte que ce soit des features.
09:52 Si on regarde un peu plus haut, par exemple, la V13, il a dit, en utilisant le même style,
09:59 crée donc une feature list, une liste de fonctionnalités.
10:02 Donc ça lui a créé ça de base.
10:04 Et ensuite, il a peaufiné petit à petit pour enlever les images.
10:06 Ensuite, il a voulu ajouter des vrais titres, etc.
10:10 Ensuite, il a voulu rajouter trois autres features.
10:13 Ensuite, il a voulu rajouter une sorte de bordure autour.
10:15 C'est Jésus, à travers du texte, qui l'a fait.
10:17 C'est Lya après qui a redéveloppé tout ça.
10:19 Ensuite, il a enlevé les bordures.
10:21 Il a rajouté des icônes.
10:22 Il les a centrés, etc.
10:25 Jusqu'à arriver à cette V22 qui est effectivement très belle.
10:29 Et ça, c'est juste avec du texte.
10:30 Ensuite, vous pouvez juste cliquer sur "Code" et vous avez directement le code de tout ça
10:35 qui est pris en compte et que vous pouvez mettre dans votre projet.
10:37 Donc, c'est assez impressionnant d'avoir ça et c'est peut-être un peu le futur du développement
10:43 JavaScript ou du développement front-end parce qu'effectivement, on va pouvoir parler
10:47 justement à cette IA-là, donc sûrement le chat GPT derrière, et faire en sorte qu'il
10:53 peaufine le design qu'on veut.
10:54 Et ensuite, on va pouvoir exporter ça.
10:56 Ou alors, quelqu'un de votre team va pouvoir peaufiner un design et ensuite, vous, vous
10:59 allez l'intégrer dans votre site web.
11:01 Donc, c'est assez intéressant à voir si ça devient bel et bien futur.
11:05 Effectivement, c'est une version du futur possible pour le développement front-end.
11:09 Ce ne sera pas uniquement ça, mais il y aura également bientôt cette possibilité-là
11:14 en fait pour les développeurs et pour d'autres personnes qui contribuent au site web.
11:18 Donc, avant de finir… Non, je pense qu'on peut finir là.
11:27 Voilà tout concernant cette semaine.
11:30 Écoutez, je vous mets le lien de toutes ces petites actualités juste en dessous, en description.
11:34 J'espère que ça vous a plu.
11:35 Bien sûr, on se retrouve dès lundi prochain pour une nouvelle édition des ActusJS de
11:40 la semaine.
11:41 En attendant, je vous souhaite une très bonne semaine et à très vite.
11:44 Et bon codage à vous !
11:45 [SILENCE]