Bienvenue sur Double Slash, le podcast dédié aux outils et aux techniques pour le développement
web.
Bonjour à tous, bienvenue sur ce nouvel épisode de Double Slash, nous sommes en 2023 et
c'est l'épisode de Special News.
Comme d'habitude, nous sommes avec Alex, salut Alex.
Salut Patrick, salut tout le monde.
Donc petit rappel, comme d'habitude, vous pouvez soutenir le podcast.
Si vous aimez le podcast, nous sommes un podcast totalement indépendant, accroché à
aucune société, aucune agence.
C'est que nous deux avec nos petits donniers.
Donc vous pouvez aller sur le site pour nous soutenir.
Donc je remercie, nous remercions Thomas le Moine, le dernier qui nous a soutenu.
Voilà, merci Thomas.
Ça compte vraiment en chaque euro compte.
Donc merci à lui.
Et bah voilà, c'est épisode spécial news.
On commence ?
Bah ouais, on attaque et malheureusement on commence par une mauvaise nouvelle parce
que en fait, forestry c'est fini on peut dire.
C'est bien ça arrive.
Exactement.
Forestry c'est fini.
Ouais, forestry malheureusement, service qui était plutôt, enfin on a tous un peu
utilisé, qui est vraiment pratique pour gérer le contenu sur du markdown et github en fait.
Alors le plus avantage c'est que j'entends pour ça.
C'était un CMS qui était githbase, ce qui fait que tout était fichier et en fait c'était
une surcouche qui donnait une interface pour comiter directement et ça créait des fichiers
markdown ou gson ou tout ça donc c'était assez sympa.
Mais bah c'est fini.
Ils ont évolué vers Tina je crois, Tina CMS.
Ouais c'est ça en fait.
En fait ils ont, alors moi forestry ça me fait toujours penser à Franck.
À chaque fois que j'entends forestry, je pense à Franck qui nous a quittés il y a
ouais en fait la société qui gère forestry c'est complètement concentré sur Tina CMS
qui est, j'encourage aussi peut-être à migrer sur Tina parce qu'il est très proche
de forestry et même plus évolué.
Du coup, ils avaient gelé depuis un petit moment forestry et donc là ils ont annoncé
la fin de forestry le 22 mars 2023 donc c'est bientôt.
Après, si vous avez des sites.
Ouais il faut faire la migration et enfin moi personnellement j'ai des clients qui l'utilisent
donc il faut que je fasse la migration.
Par contre, le gros avantage de Tina c'est qu'on voit visuellement
ce qu'on change en fait et donc le client ou la personne qui va utiliser ce CMS là
il a une sorte de what you see, what you get quoi.
Alors que ce forestry c'était totalement décontextualisé et ça pouvait amener
en fait pour quelqu'un qui n'est pas tellement à l'aise avec l'outil informatique
de je vais modifier dans ma fenêtre et j'ai une autre fenêtre pour avoir le rendu.
C'est un peu un peu compliqué.
Je pense surtout au service marketing et choses comme ça qui sont pas toujours
familiarisées.
Là pour le coup, il y a une sorte de what you see, what you get sur Tina.
Par contre, il y a d'autres solutions qu'on peut utiliser.
Ouais il y a d'autres solutions parce que comme toi, il y a d'autres personnes qui sont un peu en recherche
de solutions alternatives.
Donc j'avais vu sur le forum, enfin le forum, le Slack, James Static,
il parlait de Statics CMS qui est un, ah oui, la tessur spinale,
désolé, sur le bon.
Il y avait Statics CMS en fait qui est une branche en gros de Netlify CMS.
Je crois que ça plaît comme ça.
Netlify CMS qui est un...
Mais ils ont arrêté, ils ont forqué je crois.
Et ouais.
Ouais Netlify CMS, il était à l'abandon et du coup, il y a d'autres personnes qui ont
pris et qui ont lancé Statics CMS qui est un équivalent de Netlify CMS.
Donc à celui-là, ça c'est totalement gratuit.
Après il y a Spinale CMS.
Spinale CMS qui ressemble un peu à Forestry.
Dans l'ensemble, même en établis.
Par contre, est-ce que c'est toujours GitBase ou pour le coup, il y a des serveurs chez
Spinale et c'est un CMS classique?
D'accord, bonne question.
Je crois que c'est GitBase.
Ah ok, d'accord, ok.
Je ne savais pas.
Je l'avais regardé mais je me suis rien plu.
D'accord.
Ouais, parce que c'est vrai que maintenant, il y a plein de CMS qui explose des trucs
relativement simples.
Et c'est vrai que le gros avantage d'être GitBase, en fait, tout était dans le ripot.
Donc ça a été émetté d'avoir plusieurs maintenance et tout.
Donc c'était quand même intéressant.
La confiance, c'est bien GitBase aussi, pareil.
Ok.
D'ailleurs, il marche sur les plaidements de Forestry.
Si tu vas dans le bas de la page, en fait, il marque Forestry.
En fait, il compare par rapport à certains outils.
Et il y a Forestry et il explique que Forestry, il va être arrêté.
Donc, il va passer sur Spinale CMS.

Exactement.
Il va se marquer juste en haut.
Ouais, en fait, ils sont forts.
Ils font vraiment des sortes de lending où ils viennent comparer en frontal leur produit
avec les produits existants.
Donc ils sont forts.
C'est vrai.
Ouais, comme Forestry, tu as un compte gratuit, je crois, avec le truc minimal.
Et puis après, derrière, tu as un compte payant, si tu veux, plus de collaborateurs, etc.
Donc c'est pas mal.
Avec des features un petit peu plus poussées souvent.
Ouais, après, je pense qu'il y a d'autres systèmes aussi qu'on ne connaît pas forcément.
Si vous, auditeurs, vous avez d'autres solutions à nous proposer,
envoyez des tweets ou des messages, vous venez sur le Slack,
ou le Slash, vous les proposez.
Je les rajouterai sur les notes de l'épisode comme ça.
Ça pourrait aider tout le monde pour les personnes qui cherchent des alternatives à Forestry.
Carrément, carrément.
Et en termes de sécurité, on parle toujours d'un peu de sécurité parce qu'aujourd'hui,
la sécurité, c'est partout.
Circle CIA, c'est fait pire à rater ?
Ouais, Circle CIA qui est une solution pour d'automatisation, pour déployer, etc.
Je l'ençais des tests.
Comment on appelle ça déjà une CIA ?
Conte intégration.
Voilà, intégration continue et déploiement continue.
CID CIA.
Ouais, en fait, ils ont été piratés et ils expliquent.
Donc ils ont fait un article, ils sont assez transparents, ils expliquent tout ce qui s'est passé.
Donc c'est intéressant quand même à lire.
Parce que la technique était assez poussée.
En gros, ils se sont rendu compte qu'il y avait un problème au niveau des tokens pour un client.
Ça, c'était vers Noël, je crois.
Le 29 décembre.
Voilà, 29 décembre.
Et en fait, ils ont commencé à chercher.
Tiens, c'est bizarre, machin, bidule.
Et à force de chercher, ils se sont rendu compte que un laptop d'un employé s'était fait hacker.
Il était piraté, mais ça, c'était bien avant, c'était je crois le 16 décembre.
Donc entre temps, et en plus, le mec avait les droits de générer des tokens de protection.
Donc ça a vraiment foutu un peu le bordel.
Donc ils sont hyper transparents, ils ont de suite communiqué et ils expliquent tout dans l'article.
Donc, ils avaient regeneré les tokens de tous les clients pour éviter qu'il y ait des problèmes.
Mais si vous avez des comptes CID CIA, essayez de régénérer tout ce qui est autorisation, on sait jamais.
Au bénéfice du doute, il vaut mieux tout repartir sur des tokens propres.
Oui, tout est refaire tout propre.
Et par contre, c'était assez poussé, c'était vraiment très très vicieux comme intrusion.
Donc ils sont assez hallucinés.
Mais par contre, ce que je note, c'est quand même les gars, ils sont hyper transparents.
On s'est fait baiser en clair.
Pour le coup, ils sont hyper transparents et ils le disent.
Et justement, ça amène de la crédibilité.
Alors c'est sûr qu'ils perdent de la crédibilité quand ils se font hacker.
Par contre, sur le fait d'être hyper transparent et de communiquer très tôt dessus,
et de montrer les actions qui ont été mises en place pour éviter ce type d'incident à l'avenir pour éviter que ça se reproduise.
Je pense qu'il y a un capital sympathique pour la boîte.
Ils peuvent utiliser un truc qui, à premier abord, est plutôt néfaste.
Et je pense que le capital confiance peut être vraiment renforcé.
Mais la question, ça va leur servir de leçon déjà.
Donc déjà, ils ont appris et on va peut-être faire plus attention.
Et puis après, je ne sais pas, comme c'est une boîte américaine, il me semble.
Je sais qu'en France, quand il y a du piratage, ils sont obligés de déclarer le suite, le piratage, etc.
C'est vrai qu'il y a souvent des boîtes qui mettent du temps avant d'annoncer qu'ils ont été piratés.
Ou qu'ils ont eu des failles et tout.
Je crois qu'il y en a une sur Twitter il n'y a pas longtemps.
Franchement, toutes les grosses boîtes se font un petit peu piratées.
Voilà, donc il faut être transparent, je pense que c'est le mieux.
Non, c'est vachement agouable de leur part.
Et c'est un top.
Et en plus, le fait de communiquer sur la technique utilisée, ça renforce tout l'écosystème.
On disait, ok, ils ont réussi à rentrer par cette manière-là.
Comment, nous, dans notre organisation, on peut se prémunir de ce type d'attaque ?
Pour les autres boîtes, c'est plutôt malin.
C'est clair.
Et si on vendait des packages NPM pour se faire un peu d'argent ?
C'est quoi cette idée-là ?
En fait, je tombais là-dessus un peu par hasard.
C'est les gars de Remotion.
Remotion, c'est le fameux système de vidéos réactes pour faire des suisses.
C'est les suisses qui font ça à Zurich, qui avaient fait des fonds il y a pas longtemps en plus.
C'est vraiment une l'université pour créer des vidéos à partir de code.
Donc on peut récupérer des données via des API.
Et après, avec des components et des layers en réacte, on peut créer des vidéos.
J'ai jamais testé, mais c'est hyper bien.
Ouais, j'ai trop envie de tester depuis un moment, mais j'ai pas pris le temps encore.
Mais il faudrait qu'on fasse un épisode dessus.
En fait, d'abord, on teste et après, on fera un épisode dessus, parce que ça a l'air vraiment pas mal.
Il lance cette idée de comment vendre des packages NPM.
Il explique que c'est éventuellement possible avec des packages privées.
Mais l'utiliser des packages privées, c'est assez compliqué parce qu'il faut donner accès à des machines.
Donc c'est pas la solution idéale, il y a tout un article qui explique ça.
Et son idée à lui, c'est qu'il a fait un système via Stripe avec un Next.js de vent.
Qui va via le Stripe Checkout Session ID.
Il va te permettre en rajoutant sur l'URL du package de pouvoir télécharger ce package.
En gros, il y a une sorte de middleware entre les deux, tu vois.
Qui va vérifier si ton ID est OK.
Ça te permet de télécharger ce package.
Oui, en fait, sur ta session, est-ce que tu es un bon client ?
Est-ce que tu as vraiment acheté ce package-là ?
Et donc tu peux l'installer si tu as payé.
En gros, c'est ça.
Et du coup, le session ID est assez facile à avoir.
Tu ne peux pas le falsifier, etc.
En fait, son système est simple et plutôt efficace.
Je trouve ça pas mal pour vendre des packages.
Si les gens veulent faire la rémunération avec du code, des packages, NPM, n'importe quoi.
Et du coup, il vend le starter.
Voilà, OK.

Donc en fait, je prends le template Next.
Je le connecte à mon ripot, on va dire à mon package que je veux vendre.
Et il y a toute la session où je mets tous les bons tokens qui vont bien.
Et ça marche directement.
Voilà, ça fait tout.
Ça fait malin.
Il sent très malin.
Ah, c'est très malin.
De toute façon, on mettra le lien dans la description pour aller voir comment ça fonctionne.
Et il explique tout le système pour vendre son package.
Très malin, les Suisses de chez Air Emotion.
Très malin.
C'est clair.
Il ne faut pas que tout le monde se mette avant des packages parce qu'on n'a pas fini.
Si on a payé pour chaque package.
Après, on perd un peu le côté open source où chacun peut faire évoluer la librairie.
Après, c'est sûr que si on doit payer chaque package NPM, ça reste très compliqué.
C'est clair.
Après, comme eux, ils ont levé des fonds il n'y a pas longtemps, il faut pouvoir expliquer à des investisseurs comment tu vas gagner de l'argent.
Ok, c'est super.
Tu as l'open source au get up.
Comment tu fais pour gagner de l'argent ?
C'est peut-être une solution.
Après, on en a souvent parlé sur le podcast.
Comment on fait pour gagner du pognon avec de l'open source ?
C'est peut-être un moyen, comme tu dis.
Carrément.
On parle un peu de CSS où on vient mettre maintenant de la logique dans le CSS.
C'est une grosse évolution ça.
Oui, sur cet article, Nicolas Hoffman, qui travaille chez Proton Technologie, qui fait Proton Mail, Proton VPN,
lui, il bosse à Genève.
Ils sont en Suisse.
Oui, ils sont en Suisse.
Ils sont très suisses aujourd'hui.
Proton, c'est une boîte qui va faire la liste, et rapidement, ils avaient levé des fonds.
Il y a des personnes qui investissaient dans le projet.
Ils ont fait un crowdfunding en disant qu'on va faire un client mail qui sera avec des mails cryptés, etc.
Sécurisé, on ne partagera pas vos données.
Et puis ça a super bien marché.
Il a fallu qu'à un moment donné, ils développent le truc.
Et puis aujourd'hui, ça marche bien.
Ils ont fait plein de mails, VPN, etc.
Ils sortent plein de services.
Ils sont totalement cryptés.
Et pour le coup, je crois qu'ils sont totalement en frontal avec une suite Google entre les emails, le calendrier.
C'est un bon substitut à Google app.
Enfin, on va dire une suite Google, Google Drive, etc.
Clairement, si quelqu'un cherche une alternative Google Mail, tout ça, c'est une très bonne alternative qui est payante, évidemment.
Mais ça reste assez modique.
Et derrière, tu sais que ce n'est pas les Américains, ce n'est pas Partager, etc.
Bon bref.
Nicolas Hoffman, qui est plutôt assez doué en CSS et compagnie, en accessibilité, tout ça.
Et donc, il y a pas mal d'expériences.
Tu sais, quand tu fais des sites internationaux, il y a des gens qui écrivent dans l'autre sens.
Oui, voilà.
Certaines langues.
Donc il explique, en fait, via CSS, avec les propriétés logiques que je ne connaissais pas du tout, j'avoue.
Parce que je n'en ai jamais fait, d'ailleurs, des sites qui étaient à l'inverse.
Non, mon pote.
Voilà.
Il explique, en fait, avec ces propriétés, tu peux gérer ces quatre figures en fonction de...
Et donc, c'est des propriétés logiques, en fait.
C'est-à-dire que vous voulez mettre du float-try, tout ça.
Bah, tu as vraiment...
La base, tu vois, il explique comment il faisait.
La direction avec un attribut qui était dans la balise en haut du site.
Et en fait, il y a d'autres propriétés qui existent aujourd'hui qui sont capables de te déterminer, en fait, dans quel sens affichent les choses, tout ça.
Mais il récupère...
Il récupère les infos depuis le navigateur et après, il vient construire...
Non, mais par exemple, tu vois, il existe pour le WIDS, par exemple, in-line size.
Il y a vraiment des propriétés logiques, en fait, qui permettent d'avoir un système dynamique en fonction de...
Mais qui sont natives au CSS ?
Ouais.
Mais qu'on n'utilise pas.
Bah non, comme moi, je connais c'est moi.
Ok, moi non plus.
Comme quoi, on apprend toujours.
Mais clairement, toutes ces propriétés-là, les block-size, les min-block-size, les max-in-line-size...
Pour le coup, on connaît pas du tout.
Et oui, même les margin-top peuvent être remplacés par des margin-block-end, margin-block-start.
Et le gros avantage, c'est qu'elles sont universelles.
Donc que ça soit du left ou du right, ça va s'adapter, en fait.
Donc ça nous évite de faire en fait deux blocs de CSS, un pour la lecture de droite à gauche,
et un autre CSS pour la lecture de gauche à droite.
C'est ça. Et donc tu vois, float-left, c'est float-inline-start.
Donc évidemment, grosse expérience, puisque Protomail, il est évidemment dans plein de langues,
et du coup, dans des langues inversées.
Enfin inversées par rapport à nous.
Donc, du coup, c'est hyper intéressant, on en apprend pas mal.
Je sais pas si demain je ferai un site international avec des spécificités comme ça,
mais c'est vraiment pas mal.
Et intéressant, c'est bien de les connaître.
Carrément.
Merci Nicolas d'avoir fait ça.
D'abord, on mettra un partage de ses connaissances.
On mettra le lien dans les...
Ouais.
Dans la description, de toute façon,
HTT-Pie.
HTT-Pie, qu'est-ce que c'est que ça ?
J'ai l'impression, en fait, que c'est le nouveau Postman ou un Sommia.
Mais non !
Mais pas du tout !
En ce moment, on nous bourre le mou avec GPT3, machin imbidule.
Les mecs, ils en sortent...
Il y a un truc par ce groupe qui sort là-dessus.
Mais là, c'est autre chose.
Ok.
Alors, tu as pas d'hôper d'hose de l'A.I. en ce moment.
Alors oui, il y en a toutes les sauces.
Après, en ce moment, on va dire que oui, c'est Chat GPT.
Ok, super.
Après, pour nous, Dev, ça va peut-être changer des choses.
Pour l'instant, je suis encore assez curieux là-dessus.
Par contre, HTT-Pie, en quoi c'est intéressant de mettre de l'intelligence artificielle là-dedans ?
C'est top.
J'ai testé un petit peu, tu vois, et j'ai testé avec la PIE Github et la PIE Youtube.
Et en fait, tu vas aller sur le bouton, il va trouver une fenêtre.
L'idée, c'est comme une intelligence fin, comme Chat GPT.
Tu vas lui taper une phrase.
Donc là, il te donne un exemple.
Tu lui dis, j'aimerais récupérer mes dernières vidéos YouTube de ma chaîne.
Et il va te donner la technique pour le faire.
Il va te donner l'URL et tous les paramètres.
Ah ouais, donc en fait, c'est comme si il allait inspecter la documentation par lui-même.
Et là, je vais fichier mes dômes et les repos.
Ok, en fait là, c'est une sorte d'auto-complécion.
C'est même pas ça, il va carrément faire le travail.
Moi, j'ai testé, en fait, je lui ai dit, va me chercher les dernières vidéos YouTube de ma chaîne.
Il m'a sorti exactement ce qu'il fallait faire en requête avec tes paramètres.
Et j'ai dû juste aller générer le token parce que c'est payant la paye YouTube.
J'ai été générer un token, je l'ai rajouté et ça marchait.
Et j'ai récupéré mes vidéos YouTube en deux secondes.
Ok, donc c'est...
Alors là, je vais faire une API pour utiliser...
C'est une intelligence artificielle pour utiliser toutes les APIs qui existent qui sont ouvertes.
Ah, intéressant.
Ah ok, je comprends beaucoup mieux pourquoi c'est intéressant.
Ok, parce que moi je croyais que c'était...
ça venait directement en frontal avec un somme nia ou des choses comme ça.
Non, non, c'est pas du tout.
C'est bien plus puissant quoi.
Ok, ok, je comprends.
Et ça, c'est payant ou pas ?
Bonne question.
J'imagine que pour l'instant, non.
Ouais, après comme...
Mais ça devrait venir dès qu'ils seront sur un modèle qui sera stable, j'imagine.
Comme beaucoup de systèmes au départ.
Ouais, en fait si tu veux, c'est sur le même principe, on est en train de nourrir la bête quoi.
Ouais.
On entraîne en fait.
Nous on a un peu les entraîneurs.
Et comme tout bondève qui se respecte, on suit la hype.
Et donc on teste tout, on donne les accès à tout, on donne tous les tokens, tout pour tester et pour voir.
Par contre, je vois que ça peut marcher aussi depuis le terminal.
Donc on n'est pas obligé d'installer l'application.
On peut le faire directement depuis le terminal où on invoque HTTBI.
Et on lui tape sa phrase et c'est parti, ça va nous sortir.
Ouais, j'imagine bien qu'à un moment donné, tu vas pouvoir l'intégrer, ne serait-ce qu'ABS Code ou des trucs comme ça quoi.
Hmm.
Alors pour le coup tu vois, c'est une intelligence artificielle qui est vraiment intéressante et qui nous aide vraiment nous en tant que développeur.
Je trouve, enfin pour le coup là c'est vraiment une aide précieuse quoi.
Tu gagnes un temps fou quoi.
Ouais, en fait c'est un assistant.
Ouais, c'est vraiment de l'assistant.
Et de quoi tu es en train de dire qu'on ne sera plus obligé de lire la doc ?
On ne le fait déjà pas.
Bah en tout cas c'est sûr qu'avec HTTBI encore en moi, ça c'est clair.
C'est clair.
Ok, non mais pour le coup c'est intéressant.
Par contre, est-ce que on peut rajouter par exemple des nouvelles APIs ou des choses comme ça ?
Ou en fait c'est le boulot de HTTBI justement de venir alimenter et de rajouter...
Bah je crois qu'il n'y a pas besoin en fait.
En fait si l'API est public, il va déjà la scanner, il va aller régulérer tous les enfants.
Bah public, je pense qu'il faut quand même qu'il y ait une doc.
Je gagne le format classique des docs API.
Après à partir de là j'imagine qu'il est capable de générer tout ce qu'il faut.
Non en fait c'est pas mal.
En fait tu vas sur la présentation de l'épisode, j'étais un peu sceptique.
Je comprends pas le truc.
Non mais là je pense que tu m'as vraiment convaincu, je vais quand même tester.
Ah tu vas ramester moi, j'ai fait deux trucs et j'ai fait...
Ah ouais ok, d'accord.
C'est bluffant quoi, c'est bluffant.
HTTBI.io, excellent, excellent.
Allez on parle de NUX quand même parce qu'on a refait le site en NUXTE3.
Ils ont fait une conférence où ils ont expliqué un petit peu la vision pour 2023.
Et ils font quand même un coulo l'équipe de NUXTE.
Ouais ils reviennent sur tout ce qu'ils ont fait en 2022.
Et puis ils parlent de vision pour 2023.
Donc bah qu'il y a déjà commencé.
Comme je disais juste avant l'épisode, la semaine dernière ils ont fini ce week-end.
Ils ont fait un mono repo pour NUXTE2 et 3.
Parce qu'en fait ils avaient trouvé que c'était pas très cohérent d'avoir le site pour la DOC NUX2.
Et le site pour la DOC NUX3, donc ils ont regroupé le truc.
Et il y aura une version switcher juste passée à la 2 ou à la 3.
Excellent.
Donc tout est unifié au niveau du site internet.
Bah déjà le repo c'est sûr ça a été fait.
Après la DOC je suis pas sûr que ça soit encore bon.
Ok.
Déjà ils ont été super rapides.
J'allucine sur la vitesse à laquelle ils ont fait le mono repo en une semaine même pas.
Après peut-être qu'ils avaient déjà commencé à travailler dessus peut-être.
Je sais pas.
Je sais pas.
C'était apparemment ils ont bossé en une semaine quoi.
Après ils disaient qu'ils étaient servi de la payee GitHub, GraphQL tout ça.
Ouais pas mal pas mal.
Top.
Après sachant que...
Bon enfin on va en parler juste après.
Unify, Nouveau site internet.
Et les modules.
Bah les modules c'est...
Ah ouais donc ils manquent encore des modules sur NUX3.
Les gros modules comme NUXTEAMMATE, NUXO2, PWA qui sont pas encore, je crois, qui sont pas finis encore.
Alors ils sont peut-être pas encore officialisés et estambiliés, on va dire, module NUXTE.
Par contre je sais que le module de PWA, il est déjà en place.
C'est quelqu'un de l'équipe, Kevin, je sais plus comment il s'appelle, qui a déjà travaillé dessus.
Ils sont déjà en train de travailler dessus.
Par contre ils sont peut-être pas encore officiellement lancés et activés pour...
Ouais ouais, de toute façon.
NUXTEAMMATE, je l'ai utilisé pour le site un petit peu et c'est vrai que la doc n'était vraiment pas du tout complète.
Enfin il manque plein de trucs encore.
Donc ça, ouais, tous les modules clés qui vont finir.
Ils vont rajouter plus d'exemples aussi sur la doc, tout ça, plus de cad usage, tout ça, avec du code et tout ça.
Donc ils veulent vraiment améliorer pas mal de choses au niveau de la doc.
Il y a un truc très important aussi qui chante, c'est le cycle de release qui va évoluer.
Ok.
Ouais, donc ils vont faire maintenant une version majeure tous les ans.
Donc NUXTEAMMATE sortira certainement fin d'année, 2023.
Et ils vont faire des mineurs tous les mois.
Ok.
Et en fait ça va évoluer comme ça tous les mois et quand tu iras à la version majeure, ça devrait passer en douceur.
Ok, donc en fait on reprend un peu le versioning un peu sémantique de beaucoup de l'IBI qui sont adaptés
pour éviter des gros breaking changes entre les versions majeures.
Voilà, ils font plus de releases mais comme ça, la migration de l'un à l'autre est plus facile.
Ouais, top.
Après, aujourd'hui tous les grosses, grosses librairies font un peu ça quand même, non ?
Ouais, bien sûr.
Oui, il faut qu'il avance.
Après c'était spécial quand même de NUXTEAMMATE 2 à NUXTEAMMATE 3.
Ils ont tout changé.
Il y a vite 2, vite 3, enfin c'était impossible de passer en douceur.
Ouais, pour le coup c'est impossible.
Actuellement je fais une migration de 2 à 3 et avec la composition API, avec la puissance de vue 3, de PINIA,
ça n'a rien à voir quoi.
PINIA c'est pas possible de changer.
De quoi ?
PINIA c'est génial.
Bien sûr.
Ça te déchire bien.
Par contre, un truc qui est intéressant c'est les serveurs component qui arrivent au site.
Ouais, excusez-moi d'ailleurs.
Je t'ai dévancé alors.
Ouais, la version 3.1.0 qui sort prochainement là, ils n'ont pas donné de date mais c'est prochainement.
Donc il y avait serveurs ONLY component.
Et les component island renderer.
Alors ça,
il y a une RFC qui est ouverte depuis un petit moment,
mais je pense pas que ça serait aussi rapide.
Donc j'ai hâte de voir ce que ça va donner.
Et le rendu island là c'est un peu comme sur Astro, c'est ça ?
Ouais c'est ça ouais.
Des component qui est donné d'interactifs, donc une séparation des...
Je ne sais pas en fait ce qu'ils vont exactement faire,
mais voilà, spitté le code pour que component devienne interactif quand il est visible,
des choses comme ça,
ou que des éléments qui n'ont pas d'interaction comme du texte,
n'embarquent pas du JavaScript pour rien, des choses comme ça.
Je pense qu'il va certainement y avoir une grosse amélioration de performance avec ces deux choses.
Excellent.
De la perve, de la perve, de la perve, de la perve,
et de l'expérience des perves qui compte.
Il n'y a que ça qui compte.
Très important,
vu 2, c'est ça ouais, je ne raconte pas très bien, c'est vu 2.
Bah vu 2 avec NUXT2 et vu 3 avec NUXT3.
Ouais c'est ça, le end of life de vu 2 qui est le 31 décembre 2023.
Ah oui, donc ça veut dire que tous les projets qui sont en vu 2
doivent migrer,
ou au moins...
Ouais, ils encouragent les gens à migrer.
Il faut vraiment migrer.
Ouais, il reste un an vraiment pour migrer,
alors sans moi, les projets ne sont pas marchés,
mais ouais large ou est-ce,
il faut encore communcre le client de migrer.
Exactement, 11 mois c'est large,
mais il faut le temps, le budget et tout ça.
Ouais, mais clairement.
Après vu 2, enfin NUXT2 marche super bien,
là je suis en train de remettre à jour une application de NUXT2,
ça marche trop bien en fait,
c'est bien rien à dire.
Bah oui, encore rien à dire.
Avant, est-ce qu'on ne parlerait pas
un peu du hype ?
Allez vas-y, on va parler de hype.
100% hype.
On rentre dans la phase 100% hype avec le best of j'y est.
Et en fait, on vient juste regarder le nombre de stars.
En clair, c'est le ego trip à mort,
combien on a de stars,
et c'est quoi, c'est un truc qui sort tous les ans ça ?
Le best of j'y est.
Bah écoute, je sais pas, je crois pas,
ah si bah oui, tous les ans.
Le 16 et 21 est 2022.
Et donc là, on voit que le projet,
le top du top,
c'est BUN.
Voilà.
C'est lui qui est le plus starier.
Ouais, c'est lui qui a,
donc c'est le, on va dire,
le nouveau runtime JavaScript
qui annonce des temps de performance de Maboul.
C'est lui qui a gagné le plus de,
de stars et qui est le plus trendy
sur GitHub quoi.
Bon, le plus rapidement en fait de stars
et c'est,
et pourtant il n'y a que depuis,
ouais c'est quoi, c'est avril 2021 ?
Ouais, avril 2021.
Ouais, c'est ça.
Avril 2021,
et en 2022,
juin et juillet 2022,
il a explosé.
Après c'est peut-être le moment où ils ont sorti
une release un peu plus correcte
et où ils sont vraiment sortis du bois.
Je suis hyper étonné
qu'il soit depuis avril 2021.
Je pense qu'il a commencé à travailler dessus
et puis il a vraiment travaillé dessus cette année
en juin 2022.
Et il a s'explosé quoi.

Voilà, il a s'explosé surtout en juillet,
ça a pfff, 21 000 stars.
Bon, après on va pas rentrer
dans le truc, est-ce que
il y a une hype
et donc est-ce que il faut être
GitHub Star Driven ?
Je ne sais pas.
Mais,
force est de constater qu'il a réussi
à amener beaucoup de lumière
sur lui.
Bon, bravo. Après, voilà, il y a
Tori.
Tori, il y a pas mal Tori, attendez,
il est super spécifique,
l'application desktop et tout.
Basé que sur de la techno web.
Ouais.
Donc, non, non.
Ouais, bah c'est
fait avec du rust.
Il fallait qu'on parle de rust.
Il faut dire le mot rust.
On ne peut pas
faire un épisode du podcast sans
dire le mot rust.
C'est pas possible.
Framework frontaine,
de toute façon,
pour le coup, ça
bouge pas trop, il y a quand même
des nouveaux qui sont toujours réactes.
Par contre,
il y a quand même des nouveaux qui
rentrent dans la place avec Quick,
qui est le pure HTML
framework.
Et je pense que c'est un truc qu'il
faudrait quand même qu'on regarde un
peu.
C'est un super truc Quick.
Alors, il y a en version Beta,
c'est encore en évolution, mais c'est
vraiment un très bon système
qui est hyper performant de base.
En fait, c'est ce qu'il explique tout le
temps, lui, il n'y a aucun réglage à
faire tout et performant, ça ne rien
faire.
Mais ouais, design.
C'est ça.
A suivre.
Solide aussi, solide, qui commence
à être pas mal connu aussi.
Qui est très proche de réactes,
mais qui apporte des choses en plus
de réactes que certains trouvent.
C'est un petit peu les choses qui manquaient
ce réacte. Jamais testé,
encore.
A voir, l'écosystème réacte
sans grande surprise
Next,
GS.
TRPC, c'est
une techno qui est assez récente.
Ouais, je suis assez étonné
depuis quelques temps, j'en entends
parler un peu partout.
A suivre aussi, c'est
système de query, TRPC, il me semble.
Ouais, en fait, c'est
du RPC, après il y a eu
le GRPC,
et là, maintenant, ils font ça avec du
TypeScript pour
type, de partout,
pour échanger tes données
directement.
A voir, après
Mati, non, c'est
Mentine. C'est quoi ça ?
Mentine, c'est une libre
composite ?
Mentine, voilà, ça va, je sais pas.
Ok, ça quand même
gagné. Après, je suis
plus réconvénient. Je suis beaucoup,
beaucoup, beaucoup moins dans
l'écosystème réacte, donc je ne
connais pas.
Ouais, c'est des components
névrées de component.
Après, bon, voilà, les moi
persos, c'est
ma façon de faire, mais
j'évite fortement d'utiliser des
néprés récompensants.
Désolé.
Non, mais ça,
c'est davantage, c'est
ça.
Ouais, c'est
clair. Écosystème
vu, NUXT3, évidemment, avec
la nouvelle sortie qui gagne
plein de stars,
le slide Dev,
qui est en fait, créé des
pouvoirs, l'équivalent, un peu,
de présentation pour Point, mais
directement avec du Markdown.
Et donc, ça, c'est
assez bluffant.
Ouais, que ça premier, ou à
c'est hallucinant. Par contre,
le AutoAnimate, on en avait
parlé dans l'épisode
sur les animations, où
pour le coup, en zéro con,
avec vraiment zéro config, on
vient autoanimer
les composants, et
c'est un rendu qui est quand
même assez sympa.
Ouais, d'autant qu'il a été créé
en joueur, c'est
jeune, c'est hyper jeune.
Ouais, c'est hyper jeune.
Backend, full stack,
évidemment, on
retrouve les mêmes avec
Next.js, T,
RPC. On peut quand même
féliciter
Astro quand même.
Ouais, mais Astro, je ne vois pas ce
qu'ils font dans le backend full stack.
Non, moi non plus, je ne comprends pas trop.
En remix,
bon, des fois,
tu comprends pas trop les...
Ouais, sur Epipy, Directus,
qui est
une sorte de... enfin, qui est un CMS,
quoi.
Bon,
ma foi, après,
c'est les
outils, enfin, c'est les quotations
et la grille de
notation qui va faire, quoi.
Sur les outils de build,
incontestable, vite,
carrément, obligé.
Ben, vite,
vite, c'est un peu comme s'il
avait tué le... enfin,
ça défonce tout, quoi. Il a
tué tous les autres, quoi.
Clairement.
Clairement, et en plus, il est
vraiment top.
Là, il y avait la version 4. On en avait parlé
dans un épisode, de 3 à 4,
il n'y a rien à faire. Il ne dort un color.
Il ne casse rien.
Et ça marche trop bien, en fait.
Ça marche trop bien, tu n'as quasiment rien à
configurer. Facile.
Et Turbo repo. Turbo repo,
le retour des monoripos
et Turbo repo fait partie de ces outils
qui permet de
faire du cache, repo, etc.
de build et tout. Donc c'est vraiment...
Mais lui aussi, c'est un projet qui est super
récent, en fait.
Il y a Explosé,
je vois, c'est où, c'est en octobre.
Donc, je pense,
juste après la Next
Next, J.S.Conf, pardon.
Putain.
Explosion complète.
Mobile, on reprend les mêmes.
Reactive,
Expo.
Expo, Reactive, c'est presque pareil.
Ça bouge pas trop.
Ouais, c'est Reactive. Yonik
qui a...
...cazard, je suis même prêt.
Quoi, ça? Ouais. J'ai jamais...
...j'ai jamais joué avec. Je ne sais pas.
Ouais.
Le CSS in JavaScript.
Alors là-dessus, il y a des adeptes,
il n'y a pas d'adeptes.
Je par contre... T'ai testé ça.
Ouais, moi j'avoue, j'ai vraiment du mal.
Mais c'est mon avis.
Mais j'ai testé ça.
Pour moi, j'ai du mal.
Mais il y a plein d'avantage
pour générer des choses à la voler
et tout, pourquoi pas?
Mais perso, j'ai un peu du mal.
Néanmoins, on ne peut pas
quand même féliciter
Uno CSS qui vient
justement uniformiser
tout ça
et faire des choses à la demande.
Donc c'est quand même pas mal.
Le test...
...
Les tests Playwrights
qui est backé par Microsoft, je crois, non?
Ah, je crois que c'est un truc
complètement open source à Playwrights.
Ah non, Microsoft, ouais.
Ah non, Microsoft.
Et ouais, ils ont réussi,
ils ont réussi, quoi.
Mais il est quand même open source, non?
Oui, il me semble.
Oui, oui, oui.
Et en fait, c'est un SciPress
open source, en gros.
Apache. Ouais, ouais, ouais.
Après SciPress, tu peux l'utiliser
de manière totalement...
totalement libre
et après, si tu veux utiliser
des features payantes, bah là, tu passes
sur leurs solutions payantes.
Ouais.
Dextop, après, ouais, bon,
Tori Electron, c'est sûr que
Tori, vu qu'il est
déjà sur le top favori,
donc c'est sûr que dans sa catégorie,
bah c'est lui qui gagne, on est d'accord?
Bah Electron, il est...
Il est mort, il est en fin de vie.
Ouais, je crois.
Mais Tori est tellement plus performant
que ça même pas, enfin...
je pense Tori, c'est comme vite, en fait, il a tué le match.
Ouais.
Je pense.
Rendu statique,
faire des sites uniquement statiques
Next qui gagnent,
après je trouve que mettre Next,
JS dans les sites statiques, c'est
un peu une escroquerie, moi je trouve.
Même si tu peux en faire,
bah...
Bien sûr, il fait les statiques.
Mais ouais, mais en fait, il fait tout, tu vois,
et donc c'est pas...
Ouais, c'est un débat.
Exactement, c'est un débat.
Par contre, ce qu'on n'est pas de Nextra, alors je ne sais pas ce que c'est de Nextra.
Nextra, aucune idée.
Je ne connais pas.
Qu'une idée non plus, qui a l'air...
Mais bien sûr, il faut faire le site avec Next.js,
ça a l'air d'être une couche sur couche à Next.js.
Bon, ok.
C'est la sur couche de la sur couche de la sur couche.
Ouais, c'est ça.
Sur couche, je n'y ferais moins.
En termes de state management,
bah...
Je ne connais pas, vu que je ne fais pas de réacte,
je ne connais pas...
Zud.
C'est quoi, Zustand?
Pareil, ouais Zustand,
mais je ne connais pas non plus,
puisque je n'utilise quasiment plus de state management.
Mais...
Par contre, Pignard en deuxième,
et ça, Pignard, il est chiant.
Alors je ne sais pas si Zustand est aussi bon que Pignard,
mais...
En tout cas, le premier, il est quand même
Zustand, il est quand même
mega populaire, quoi.
Il est une match en termes de popularité.
Pour le main, quoi.
Ouais, ouais, ouais.
Indispensable.
GrafQL avec TandStack Query.
Mais alors, je ne connais pas ce truc-là, quoi.
Je ne sais pas c'est quoi.
TandStack, je trouve que c'est un truc de réact aussi.
Ouais, c'est...
Ah non, il marche surtout en fait.
Réact, solid, vu, svelte.
Non, non, je n'ai pas de connerie.
Je crois que c'est un équivalent de...
Mais je crois que c'est Réact Query
qui a migré, il me semble.
Parce que d'ailleurs, le lien de Wichizen,
il a invité un mec de TandStack, il me semble.
Ok.
TandStack, Réact Query.
Ok.
Après, je dirais une connerie, mais il me semble
que c'est Réact Query qui a migré sur un...
Qui a changé le nom en fait pour être muslié.
Ce qui est un peu rebrandé.
Ouais.
Après, tu vois, pareil,
GrafQL, ils te mettent directus.
Ok, bon, je ne sais pas ce qu'il vient faire là.
Ouais.
Après, Asura pour le coup, oui.
Parce que là, on est en plein dedans.
Oui.
Pareil, Gatsby.
Et Nost, ouais.
Ok, bon, après, on prend...
Les...
Les écosystèmes GrafQL n'est pas non plus monstrué.
Monstrué, quoi.
Bon, allez, on s'est fait une grosse partie de hype.
On va aller jusqu'au...
Ouais, alors...
Juste le bas, voilà.
Juste le bas de la page, t'es encore dessus, ouais.
Où ils expliquent, bah, simplement,
ce qui ressort un petit peu
les paternes qui ressortent vraiment
de toutes ces stars, les machines, les systèmes.
Et on voit vraiment que c'est le 0 baseline
JavaScript framework
qui viennent de plus en plus
en haut du classement,
comme tout ce qui est quick, astro, etc.
Donc vraiment des systèmes qui te délivrent
des pages sans JS.
Le partial hydratation aussi,
avec, bah, l'Islande, comme on a parlé pour Nux,
tout ça, qui sont vraiment en train d'exploser.
Et les React Server Component,
qu'on a eu dans Next 13
et Gatsby, et bientôt aussi dans Next.
Donc voilà.
On voit vraiment les technos qui sont adoptés
au fur et à mesure.
Donc on sait qu'en 2023, en fait, c'est vraiment...
Parmi ces technos-là, c'est ce qui va être
adopté le plus.
Donc en fait, tu veux dire que tous les développeurs
JavaScript, en fait,
vont faire des frames...
On vont utiliser des frameworks
sans JavaScript pour faire ça.
Pour faire du JavaScript pour ne pas
mettre de JavaScript dans les pages.
Exactement.
C'est comme...
C'est un bas le truc. C'est un bon concept quand même.
Ouais, c'est un truc de fou.
En fait, l'autre jour, je voyais un mec qui parait...
Je sais plus sur quel truc Twitter, ou quoi, il disait...
Les développeurs PHP, tout ça,
et ils doivent vraiment nous prendre pour des fous
et développeurs front-js, tout ça, parce que...
On était en full JavaScript,
machin, et là on revient au rendu serveur, enfin,
c'est...
Ça rappelle exactement la discussion
qu'on avait eu avec Guillaume,
quand on parlait de Rubien Rels,
et de toute la hype,
de toute la techno
qui avait derrière,
et le cycle un peu, où on tourne
en rond, et ça se déporte,
ça revient, tout. Mais bon, ça nous fait du boulot, quand même.
Ça nous fait du boulot.
Ça nous fait du boulot, après...
Quand...
On va remettre le clocher au milieu du village.
Non, parce que quand on parle
de rendu serveur, on est au-delà de ça.
Quand tu prends du React 18
avec du Nuxt 13,
c'est un rendu serveur, mais c'est un rendu
de component via le serveur.
Ça n'a rien à voir avec ce qu'on peut trouver
en rendu serveur, ou ça renvoie du HTML.
C'est complètement différent.
C'est des techno super avancés, donc oui,
c'est du rendu serveur, mais on est
largement au-dessus de ça, quoi.

C'est ce que j'avais.
Allez, Patrick,
ce que je te propose, c'est qu'on continue la hype
avec le
State of
JS.
Comme tout le présent,
il y a le gros
questionnaire
qui est envoyé à plein de monde
qui fait un peu l'état des lieux
du JS.
Ils ont un site
qui est quand même super stylé, on peut pas
dire le contraire.
C'est vraiment super sympa.
Je pense que je vous invite
vraiment, à toutes les personnes
qui écoutent le podcast, à aller voir ce site
juste parce que c'est déjà un, on s'enbrie,
on s'en prègne un petit peu
de tout ça, mais
juste le côté graphique et
l'utilisation des graphiques
sont super stylés,
ils sont jolis.
Oui, c'est super stylé. Après, il y a certains graphiques
qui sont incompréhensibles, ça c'est clair.
Mais...
Oui, vraiment.
Très que tu dis, mais je comprends rien.
Alors, c'est peut-être moi, je sais pas.
Mais...
Là, celui-là, il est simple, tu vois.
T'as des ronds, des traits, c'est...
Après...
Très rapide quand même.
Oui, c'est quand même hyper...
C'est quand même beaucoup pour les américains quand même.
C'est ce que j'allais dire.
En fait, quand tu regardes,
parce qu'ils sont assez transparents, ils donnent
les gens qui ont répondu,
d'où ils viennent, tout ça.
C'est quand même majorité de l'US.
Un petit peu allemand, un petit peu FR, tout ça.
Donc 70% de personnes qui parlent en anglais.
25, 34 ans en majorité.
La plupart bossent pour des compagnies
de plus de 100 personnes.
Mais j'allucine déjà.
Et attend, ce que j'allucine, c'est le salaire en fait.
20% des mecs, ils déclarent
gagner entre 50 et 100 cas.
OK, bon.
D'où la?
C'est pas mal, hein.
Bon, je sais que les stations gagnent plus, mais bon.
Et après, il y a beaucoup de mecs aussi.
C'est beaucoup de gars.
Donc après, il y a 24% qui n'ont pas
donné de réponse, mais on comprend bien
que si ça va être des femmes, elles auraient peut-être
donné de réponse. Donc voilà,
c'est majorité américaine de mecs, etc.
Donc il faut toujours prendre ça.
L'échantillon, c'est ça, voilà.
C'est forcément représentatif du monde entier,
tu vois.
Il faut peut-être avoir, faire un petit peu plus
de... faut relativiser, quoi.
Voilà, et les prochaines,
les Français répondaient, quoi.
Oui, aussi.
Voilà, et les développeurs aussi, répondaient.
Allez, vite fait.
On parle des
frameworks front-end.
Sans grande surprise,
bah, le top
reste encore réacte.
Ouais, c'est bon.
En termes de satisfaction, en termes
d'intérêt.
Bah, ses vues réactent.
Ouais.
En termes de satisfaction, ces réactes
vues.
Après, Angular
reste toujours
présent, mais
beaucoup, beaucoup plus bas, quand même.
Ouais, beaucoup plus faibles, Angular.
Même si il s'est stabilisé, tu vois,
depuis quelques années, il y a des adeptes,
il y a des sociétés qui l'utilisent.
C'est un très bon système, mais...
Et, par contre, on peut quand même
parler de Svelte,
qui est toujours aussi un peu...
Assez haut quand même.
Assez haut.
Des nouveaux
qui débarquent comme Solide ou comme
Quick, et qui arrivent tout de suite
dans des niveaux de satisfaction
assez hauts.
Par contre, en termes d'utilisation,
et là, on parle bien
d'utilisation, là, on garde
toujours les mêmes réactes vues
et Angulars.
Par contre, tous les nouveaux
frameworks, dits
Quick, Solide, Litt,
Alpine, tout ça, malgré le fait
qu'ils aient un super grand intérêt,
au final, ils sont
encore très peu utilisés.
C'est normal,
on a tous un intérêt.
Quick, je le trouve génial.
Après, trouver un
système génial, et après, l'utiliser
en tant que système pro
pour une entreprise, pour un gros projet,
c'est une autre étape.
Parce que tu sais pas si le projet va durer,
tu sais pas s'il y aura
de la...
Et puis la communauté, tu vois, si t'as besoin d'aide,
si t'es bloqué sur un truc, pas trouver
de l'aide dans les forums, tout ça.
Donc forcément, on se tourne toujours vers
des systèmes comme réactes vues, tout ça,
où tu sais qu'il y a de la doc, il y a de la communauté,
il y a tout.
Bien sûr. Ça aide.
La communauté, c'est important.
On parle des
des rendus framework.
Donc là, on parle de Next.js,
Next.gatsby
et là,
on voit clairement que
Gatsby,
enfin, les gens sont moins en moins
satisfaits de Gatsby.
Gatsby se casse la gueule.
Faut le dire. Ok.
Non, Gatsby,
beaucoup d'intérêt en 2019,
même déjà 2020, ça se pète la gueule, tu vois.
2019, grosse explosion.
Là, on parle de rétention.
Et après, ça se pète la gueule complètement.
Là, on est... Enfin, la courbe, elle se pète la gueule.
Donc on voit que
Gatsby,
c'est en train de disparaître
petit à petit.
Je dirais que
il faut pas partir sur Gatsby si vous devez choisir
un outil aujourd'hui.
Clairement.
Après, il faut réfléchir.
Après, si on a
tout un business qui est basé là-dessus,
il faut réfléchir.
Si on maintient,
ou si on migre, tout. Mais bon,
chaque migration techno amène
plein, plein, plein de...
En tout cas, ce qui est sûr,
c'est que... Moi, j'ai halluciné, en fait.
C'est vraiment le truc que j'ai retenu sur le résultat.
C'est vraiment la chute de Gatsby.
Après, ça m'étonne pas plus que ça.
Mais malgré tout, Gatsby,
c'est un super outil qui évolue beaucoup.
Ils rajoutent pas mal de features.
Et tu vois, la version 5, elle est
complète, quoi. Donc...
C'est pas ce qui fait que ça marche moins.
Ouais.
Mais il y a quand même
une perte d'intérêt notable
et une
satisfaction encore moins
et un usage
des gens qui utilisent
Gatsby, qui baissent, quoi.
Ça baisse.
Ça baisse.
Ouais.
Bon. On va...
On va pas tout explorer
sur le State of J.S. parce que je pense qu'on pourrait vraiment
y passer tout à un épisode
et objectivement pas top.
Par contre, ce que je te propose,
c'est qu'on regarde les récompenses.
Donc, la fonctionnalité
la plus adoptée
c'est
le top level
wait.
Donc ça, c'est quand même top.
Yes.
Ah bah oui.
Wait. Maintenant, on en met tout le temps.
Bah ouais, ouais.
Mais c'est que c'est supporté
au top level, quoi.
Donc c'est hyper intéressant.
La technologie
la plus adoptée
sans sur...
Bah vite.
Et à mon avis, on va le voir.
Et à mon avis, t'as PNPM aussi, hein.
En troisième quand même.
Ah ouais, PNPM.
Alors pour le coup,
moi je suis passé vraiment au site-suits.
Bah du coup, tu m'as fait passer dessus.
Ouais, c'est bien.
Tu m'as forcé à l'utiliser pour le site Wslash.
Et puis du coup maintenant, je suis en train de passer dessus tout le temps.
Mais c'est quand même pas mal, hein.
Ah oui, bah après ça change pas beaucoup
les habitudes, hein.
Mais c'est juste, ça prend moins de place, quoi.
Exactement.
La satisfaction de la plus haute
évidemment, c'est vite aussi.
Parce que l'expérience de...
Vite et vitesse en deux.
Et ouais.
Intérêt le plus élevé toujours vite.
Avec pour le coup derrière
TurboPak et TurboRipo.
Même s'il y a, à mon avis,
TurboPak qui est encore ultra, ultra, ultra récent.
Et c'est sûr que ça en fin d'année.
Ouais, ouais, même pas même pas en fin d'année.
Donc je pense qu'il y a peut-être un effet d'annonce
entre la demande
du questionnaire
et la conférence avec
l'effet d'annonce, à mon avis.
Il y a intérêt, ouais, intérêt, ouais.
Mais il est même pas utilisable aujourd'hui, hein.
TurboPak, enfin, c'est même pas utilisable.
Donc, enfin...
La question est vite répondue.
Vite.
Là où il y a le plus de
commentaires astros.
Parce qu'il y a plein de questions
qui ont été posées et de tout.
Voilà, intéressant.
Astros, à mon avis,
ça sera un truc
toujours à suivre.
Et de toute façon, la librairie
où il y a le plus
qui a été le plus commenté,
bah, sans surprise, réacte, quoi.
Hum.
Et Angular et Storybook.
Après derrière.
Ouais, Angular et Storybook.
Yes.
On vous invite quand même
à aller voir le site
de State of J.S.
pour les développeurs J.S.
Ça peut toujours s'imprégner.
C'est toujours...
Ouais, c'est hyper intéressant d'aller voir.
Et surtout, il y avait toute une partie feature, en fait,
browser, tout ça.
Et c'est hyper intéressant parce que
moi, quand j'avais pernu aux questionnaires,
il y a certaines features que je connaissais même pas.
Donc ça permet de voir un petit peu
des choses pour s'intéresser.
Pour réveiller la curiosité.
Ouais, c'est ça.
Et si on parlait vite fait
de... on vous propose la
petite section tout le librairie
qu'on a découvert
et qui nous trouve assez sympa.
Automatique fallback
pour les fonds
pour optimiser la performance
de chargement des fonds.
C'est ça ? C'est Fontaine ?
C'est ça. Fontaine, alors.
Fontaine, c'est un peu bizarre comme nom.
Mais...
bon, on comprend le fonds à l'intérieur.
Mais c'est un système, en fait, si tu veux,
quand tu as quasiment tout le monde
utiliser des polices, on importe des polices maintenant
sur les sites. C'est devenu courant.
Seulement, ça peut faire baisser
le CLS, en fait, avec les...
En fait, le CLS, c'est le...
Je ne vous rappelle plus, non exact.
En fait, c'est les éléments qui bougent, en fait.
Quand tu... quand tu n'as pas de charge, en fait,
tu as des éléments qui bougent
pendant le chargement. Et ça, c'est souvent dû
aux polices, parce que si tu veux, des polices qui prennent moins de place
que les polices par défaut, etc.
Donc pour réduire ce CLS, en fait,
ils ont sorti cette librairie
qui s'installe très facilement. Il n'y a quasiment rien à configurer.
Ça s'adapte sur VIT,
sur Webpack, tout ça.
Sur NUX, aussi, il y a un module. Enfin, voilà.
Et ça, ça fait un petit mix, en fait,
au niveau du build, en fait, ça va aller
faire une police de fallback qui serait un peu plus ressemblante
et il y aura moins de CLS, en fait.
Voilà. Donc, en fait, on va
gagner des points de perf
assez facilement, en optimisant
le chargement des fonds
grâce à cette librairie
qui vient au moment du build, en fait,
rajouter
des...
On va aller voir ce que t'importes comme fonds
et puis après, elle va faire des petits trucs.
Je n'ai pas lu en détail exactement ce qu'elle fait.
C'est sorti il y a très peu de temps.
Je crois que c'était la semaine dernière,
officiellement. Et cet expo
c'est hyper intéressant
et puis il n'y a rien à faire, surtout,
tu l'installes et ça fait tout seul.
Par contre, c'est compatible
avec n'importe quel projet.
Donc, ce n'est pas spécifique à NUX,
ou à NEXT, ou à REACT.
C'est dans n'importe quel projet Web
que je peux utiliser ça.
Oui. Et sur la doc,
si tu descends un petit peu,
il y a les exemples,
tu vois, il y a l'exemple VIT,
il y a l'exemple,
d'Ocuserus, il y a l'exemple Gatsby,
il y a vraiment différents exemples.
Donc, oui, c'est utilisable partout.
Sans rien faire, quasiment.
Et tu vois,
quand tu te mises une app,
un site et tu vois,
elle t'a tout fait et t'arrives à 92,
peut-être ça peut te faire crater un petit peu
encore quelques points, même si,
à un moment donné, il faut arrêter,
quand t'as 90, c'est déjà pas mal.
Mais, après,
quand on aime bien avoir toujours la meilleure note,
oui.
OK.
Une autre librairie
qui commence quand même à être hyper
connue,
type script,
pour aller faire de la validation
de type, c'est Zod.
Ouais, Zod,
moi, j'ai jamais utilisé,
après j'ai vu qu'il y avait pas mal de sponsors,
donc ça a l'air
d'être assez robuste et soutenu.

moi, j'ai vu, c'était beaucoup utilisé,
pour typer les réponses d'API.
Parce que c'est vrai, quand tu fais
des typescript, tout ça, tu vas typer ton code.
Mais, à un moment donné, quand tu fais des appels
à l'API, il faut que ça soit aussi,
il faut que tu sois sûr de ce que tu vas recevoir.
Et donc voilà, c'est Zod,
tu permets de faire ça, de typer, de valider,
de parser, etc. tout ce qui est réponse de l'API.
Donc, voilà.
Regarder, c'est intéressant,
mais peut-être à utiliser aussi.
Grosse fibrerie,
il y a 17 000 stars.
Donc ça commence.
C'est plus que cela.
On est arrivé sur un projet hyper robuste,
il y a beaucoup de sponsors et tout.
Top.
Est-ce que tu veux rajouter
autre chose dans les tools,
les librairies ou pas ?
Je sais pas si on peut en parler.
Allez, on va en parler.
Est-ce qu'on a pas compris
vraiment à quoi ça sert ?
On a pas compris à quoi ça sert.
Si quelqu'un sait à quoi il sert.
Place all differ.
Alors, j'ai vu ça la semaine dernière,
j'ai installé.
Donc c'est une Chrome extension
que tu mets sur
ton navigateur. Et après,
tu vas sur un site,
tu cliques dessus et ça va te mettre.
En fait, ça va te place, place-holder,
si je peux m'exprimer ainsi.
Le site, en fait.
Donc ça va tout te mettre le texte en noir,
machin, tout ça, comme si c'était
une sorte de wireframe.
Donc moi, je trouvais ça cool et tout,
mais sauf que je sais pas à quoi ça sert.
J'ai pas trouvé l'usage
et le use case.
Tu dis ouais, c'est intéressant.
Ouais, c'est...
Ok, ça marche.
Mais qu'est-ce que je fais après avec ça ?
Une fois que j'ai mon site
qui est caviardé,
en fait, en quelque sorte, c'est un peu ça.
C'est caviard de le texte.
J'en fais quoi ?
Je peux même pas l'exporter, rien.
Donc j'ai pas compris l'intérêt.
Je ne sais pas.
S'il y a des gens qui connaissent cette extension
et qui l'utilisent,
envoyez-nous un tweet, expliquez-nous.
Parce que...
C'est plus...
Je suis un peu con, j'ai pas compris.
Yes. Top, Patrick.
Écoute, je crois qu'on a fait le tour
de tout ce qu'on a vu.
Il y a plein de choses qui se passent sur le web, de toute façon.
On revient, comme d'habitude,
tous les mois
avec une session
de news.
Un grand merci à tout le monde,
pour ceux qui sont restés jusqu'au bout de l'épisode.
N'hésitez pas à partager l'épisode,
à discuter du podcast
avec vos collègues,
vos potes de promo,
si vous êtes en formation, tout ça.
Ça nous aide toujours
à faire connaître le podcast.
Un grand merci à vous,
à bientôt.
Merci. A plus.
Retrouvez Double Slash
sur le plateforme de podcasts préférés.
Et sur le site internet du podcast
www.slash-podcast.fr
Sur le site, vous allez retrouver
tous les liens d'épisode, les références
évoquées durant l'émission.