Bonjour à toutes et à tous, bienvenue sur ce nouvel épisode de Double Slash, le deuxième
épisode de janvier 2024.
Donc comme d'habitude, nous sommes avec Alex.
Salut Alex, comment ça va ?
Salut Patrick, salut tout le monde.
Mais écoute, ça va plutôt pas mal.
Comme d'habitude, l'hiver, c'est de l'ordi et du ski, c'est cool ?
Pareil pour moi, en plus il a neigé hier sur Ancy, on a plein de neige, c'est cool.
On va pouvoir enfin skier vraiment pour la saison.
Donc super, épisode de news comme le dernier épisode, qu'on a fait déjà un petit peu
plus court, un petit peu plus frais.
J'aimerais revenir un petit peu sur les commentaires des derniers épisodes.
On a eu plusieurs commentaires, notamment grand honneur pour nous.
On a Sébastien Chopin qui nous a laissé un commentaire sur les dernières news.
Donc c'est super.
Et qui nous confirme que pour 2024, ils vont essayer de plus communiquer par rapport
aux possibilités de NUXT.
Donc ça, c'est cool.
Que ça pense ?
Je suis fan, mais bien sûr.
Et je pense que, allez, je prends un engagement solennel devant tout le monde, justement
de plus créer de contenus sur NUXT, sur comment utiliser NUXT, comment utiliser NUXT côté
serveur où il y a vraiment de très, très, très belles choses à faire.
Clairement, il y aura des workshops ou des vidéos masterclass sur NUXT et sur NUXT
serveur.

Maintenant, c'est dit.
Maintenant, j'ai plus le choix.
Je serai obligé de le faire.
Oui, mais c'est clair.
Il le mérite.
Après, on a eu des retours aussi au niveau du format d'épisode aussi, évidemment.
Donc il y a des gens qui aiment le format court.
Il y a des gens qui regrettent un petit peu le formalon.
Alors, on vous rassure, le formalon, on n'est pas abandonné.
On va continuer les formalons, évidemment.
Là, c'est juste qu'en ce moment, les formats courts sont pour nous plus pratiques, en
gros.
On a aussi un retour par rapport au fait qu'on avait parlé de Nitro dans Solid Start,
en fait, le nouveau framework de Solid.
Quelqu'un nous a donné un commentaire.
Donc H3 était aussi utilisé dans Analog.
Analog.js qui est l'équivalent de NUXT pour Angular.
Donc intéressant aussi.
Il y a le meta framework par-dessus Angular pour faire des applications mais aussi du
SSR.
Voilà.
Et puis après, on a aussi un retour par rapport à Express.
Donc, on est toujours un petit peu sur Express, on a notre avis qui a assez de rangement.
J'enchaîne aujourd'hui, je pense.
Et du coup, j'enchaîne pour la peine.
Je me suis collé sur un article sur les alternatives à Express.js puisqu'il est disponible sur
le site du podcast, Wslash.dev.
Donc, un article qui explique, j'ai 6 alternatives et j'aurais pu en mettre plus.
Il y en a des tonnes mais 6 alternatives solides qui sont avec une communauté, avec un projet
qui est robuste, qui dure dans le temps pour à choisir par rapport à Express.js.
Express.js, je le rappelle, qui a été créé il y a plus de présents quand même, qui
n'évolue plus trop depuis pas mal d'années.
Certains dirais 2017.

Et après, on le qualifie de l'an, etc.
Il y a plein de choses qui sont dites sur Express.js.
On a de nouvelles alternatives qui sont super intéressantes, dont H3 là, dont on vient
de parler.
Donc, allez voir l'article et faites votre choix.
Mais après, on ne vous empêche pas d'utiliser Express.js.
Exactement.
Et on utilise, il y a beaucoup de gens aussi, qui utilisent l'argument comme quoi derrière
Next, il y a Express.
Ouais.
C'est l'argument qui est souvent utilisé et pour moi qui ne tient pas quoi, qui ne tient
plus.
En tout cas, allez voir l'article, il est super intéressant et faites-vous votre propre
avis sur l'alternative à Express.
Il y en a plein.
Exactement.
Il y en a plein.
Allez, on attaque ce petit tour de la semaine avec des outils.
On va commencer tout de suite avec un outil pour les devs, évidemment, un outil qui
s'appelle Transform, qui va nous permettre de transformer plein d'informations vers
n'importe quoi.
Pour commencer, très, très simple, on va pouvoir faire du SVG vers du React Native.
En clair, on va lui coller le SVG en code, donc le markup du SVG et il va nous sortir
directement le composant React Native.
Et dans le même accabis, on va avoir plein de transformations.
On pense surtout, ce qu'on voit, c'est une utilisation d'un JSON ou pour transformer
en fait toutes les données du JSON en MySQL.
On va avoir des fonctions intéressantes.
En Rust, on va faire ce qu'on parlait tout à l'heure avec Patrick.
On va lui coller un JSON classique et lui, il va automatiquement créer le schema avec
la librairie de validation ZOD.
Donc, ça, c'est quand même hyper pratique et super rapide à utiliser.
Il y a une tonne de transformeurs, en fait, c'est excellent.
Ça fait gagner plein de temps.
Ne serait-ce que l'exemple de ZOD, c'est génial.
Si tu peux tipper ta réponse de la pays, ça se fait assez rapidement partir d'un JSON.
Et on se gagnait incroyable.
Exactement.
Et ce qui est super intéressant, c'est que tu prends la réponse d'un serveur non-tippé
où tu n'as pas accès au tipage, mais tu vas prendre la réponse et tu vas créer
en fait un schema à partir de cette réponse, ce qui fait que toi après, de ton côté,
tout sera tippé et tout sera super intéressant.
Il y a aussi du CSS, il y a du GraphQL, du Dyson, du TypeScript, du Flow.
Et tous les formats un petit peu ésotériques.
Je ne supporte pas le XML.
Je ne sais pas si tu es fan de XML.
Je ne suis pas fan, on ne va pas dire ça.
Mais ce n'est pas un format dégueulasse quand même.
Il est facile à manipuler dans la plupart des langages.
Il est strict puisque c'est des attributs.
Dans l'ensemble, il est fiable.
Après, c'est sûr que l'angison est beaucoup plus simple à manipuler.
Mais XML reste une valeur sûre.
Ok.
Mais néanmoins, il n'y a aucun problème.
J'ai le droit d'avoir ma conviction sur le XML.
Je ne suis pas très très très fan.
Après, je ne suis pas super fan.
J'ai l'attention.
Je ne suis pas un amoureux.
Mais toujours est-il que ce petit site est quand même pas mal pour faire toutes ces
transformations qui sont un petit peu pénibles.
Et si on doit le faire une fois ou deux fois dans notre code, on peut gagner du temps.
Si après, on doit le faire de manière systématique, peut-être qu'on peut en capsuler ça directement
dans notre code et faire ça dans notre code base.
Mais si c'est juste pour quelques...
On peut le faire directement depuis cette interface.
Ouais, top, top.
On passe à la suite.
Vu 0, qui est en fait ni plus ni moins l'alternative à V0 que Versel a sorti il y a quelques mois
déjà ou...
Ouais, on va dire quelques mois.
Où on utilise nos clés API de OpenIA pour faire et générer du code directement.
Sauf que V0 est uniquement sur du React.
Et donc il suffisait de laisser un peu faire la communauté vue pour que le projet migre
vers vue.
En tout cas qu'on puisse utiliser vue.
Donc, un clair pour faire super court.
On va utiliser un prompt et on va lui demander de coder une login page et l'IA va nous sortir
le bout de code directement, coller copy paste et qui est directement prêt.
Donc là, en fait, l'exemple, c'est centre et mets-moi un espèce de bouton lecteur.
Non.
D'abord, en fait, ce qu'il faut comprendre, c'est que souvent il y a des versions.
Donc en fait, on va faire plusieurs iterations.
Sur la première iteration, on va lui demander qu'est-ce qu'on veut coder.
Donc là, pour l'exemple, il demande de coder un lecteur de musique inspiré de Spotify.
Et il va directement coder ça.
Et en fait, on peut voir le code.
Donc, c'est directement disponible.
C'est codé avec Tywin et c'est inspiré de Shad CDN, je crois.
Bonne question.
Je sais pas.
Je ne peux pas te demander.
Il me semble que ça récupère les composantes.
Je sais pas, il y a Component sur UI et Slider, UI, Avatar, je sais pas.
Après, ça, c'est des icônes.
Mais en tout cas, je pense que c'est un super projet qui en plus n'est pas rattaché à
une grosse boîte.
Donc on fork le projet, on met ses clés API et on utilise et on paye en fait à la consommation.
Moi, j'y crois vraiment à ce type de système pour gagner du temps de ma boule.
On va aller beaucoup plus vite pour faire des MVP, pour faire des proto.
Est-ce que on va générer un site complètement avec ça ?
J'y crois pas.
Par contre, on peut vraiment gagner du temps sur la première version.
Après, on affine, on peaufine.
Est-ce que les non-codeurs, ceux qui ne savent pas coder, pourront faire des sites Internet
que avec ça et faire un peu du copier-coller et bim, ça marche ?
J'y crois pas du tout non plus.
Non, non.
Non, non.
C'est vraiment...
Non, non.
Il faut un minimum de connaissance parce que rien que le copier-coller, il faut que
tu fasses un component vu, etc.
Tu dois que tu importes les librairies qui correspondent.
Enfin, c'est pas possible.
C'est clair.
Après, moi, je trouve ça génial.
D'un autre côté, est-ce qu'à un moment donné, on va pas avoir les sites qui seront
tous pareils parce que finalement, ça ressort à peu près toujours le même style ?
Mais en fait, c'est...
Non, moi, je suis pas d'accord.
Par tout.
Non, moi, non.
Je suis pas d'accord.
En fait, je pense pas ce qui est déjà le cas.
En fait, c'était déjà le cas avec Bootstrap.
Tous les sites surassemblés.
Ah, pas de gros mots.
Après, tu vas avoir Telween et ChatCdn aujourd'hui.
Ça fait partie des standards et tu recupes.
Tu vois tout de suite si le site ressemble à ça ou pas.
Après, libre à toi de changer quelques couleurs d'un style.
Mais là, en fait, le component, il est codé.
Le component, il est codé.
Après, si tu veux le customiser et mettre ton propre design, libre à toi de le faire.
Mais ça va te faire...
Moi, je vois ça comme ça va te faire le gros œuvre.
Ça va te faire le gros œuvre et après, libre à toi de faire la finition pour avoir
un truc un peu léchier, propre, tout.
Pour moi, tu vas vraiment gagner du temps à utiliser ce type d'outil-là.
Vraiment, je pense.
Oui, mais d'accord.
Pas l'air convaincu, Patrick.
Non, je trouve que pour moi, c'est bien pour un...
Tu es développeur un peu seul, tu fais des interfaces.
Tout ça, oui, ça peut...
C'est utile.
Après, quand tu as une équipe avec un designer, tout ça qui travaille lui-hide, ça...
Évidemment.
Ça peut être une bonne inspiration, ça, c'est clair.
C'est une bonne inspiration.
Après, tu peux modifier des choses, tout ça.
Je ne sais pas s'il y a la possibilité de l'exporter en mode Figma ou un truc comme
ça.
Ça peut être pas mal aussi.
Je ne suis pas sûr que ça peut être possible.
Mais...
Coupi.
Non, je ne pense pas que tu puisses l'exporter sur...
Ça, ça pourrait être pas mal pour le coup, en fait.
Mais après, c'est pas vraiment...
Enfin, ce n'est pas fait pour ça.
Non, ce n'est pas fait pour ça.
Et justement, tout l'intérêt, il est plutôt d'utiliser le code.
Enfin, tout l'avantage de cette fibrerie, c'est qu'elle ne te génère le code, elle
ne te génère pas le design.
Parce que pour générer du design, je pense qu'il y a le même outil sur Figma qui vient
brancher OpenEI derrière et jacaboum.
Donc, non, là, le gros avantage, c'est que ça te génère le code.
Enfin, là, tu vois le code et tu le copies.
Super pour faire un Poc, ça, c'est clair.
Tu peux faire un Poc, il perd.
La vitesse.
La vitesse où tu peux.
Bon.
Ouais, non, mais c'est un super outil, c'est clair.
Je ne dis pas le contraire.
Attester.
Voilà.
Comme bootstrap, comme pleine truc.
Après, tu te retrouves avec les mêmes sites partout.
Même si bootstrap, tu peux le customiser et changer l'aspect.
Là, c'est pareil, on va dire.
Mais en tout cas, tu t'appartais v0 et depuis décembre, avant, c'était sur invitation,
etc.
Voilà, c'était en beta.
Là, maintenant, il est ouvert depuis décembre à tout le monde.
À tout le monde.
La version de Vercel.
Bon, vu 0, c'est...
Enfin, je trouve ça cool.
En tout cas, c'est pratique.
Voilà, c'est bien.
Moi, ce que j'aime aussi, c'est le fait que tu n'es pas tributaire d'une boîte,
tu mets ton propre token et tu payes à ta consommation.
Autant dire, la création de ton composant, elle va te coûter des pouliemmes de centimes.
Donc, non, c'est quand même très, très, très, très, très, très intéressant.
Ouais, ouais.
On valide, on valide.
Un autre outil, pareil, sur le dernier épisode, on a pas mal parlé des PWA.
Alors, pour ceux qui nous suivent depuis assez longtemps, tout le monde sait que chez
Double Slash, on est plutôt pouchis sur les PWA.
On a pété toutes les barrières psychologiques à l'entrée du marketing et tout ça.
Et ce qui est super intéressant, c'est qu'il y a un projet qui vient, en fait, référencer
tout ce que peuvent faire les PWA.
Et ce qui est super intéressant, c'est que c'est vraiment dans le contexte où la page
est chargée, où, en fait, il va pouvoir, le site, en fait, va pouvoir analyser si ces
fonctionnalités sont disponibles sur l'appareil ou pas.
Donc, si vous ouvrez cette page depuis un navigateur Internet, depuis un appareil iOS
ou depuis un appareil Android, vous allez pouvoir tester toutes les fonctionnalités.
Et donc, on passe de la caméra, de la géolocalisation, de l'authentification Face ID
ou avec empreinte digitale, et ce qu'on a accès au file système, à la vibration, tout ça.
Et en fait, on a toutes les appellies en fait.
Toutes les features, PWA, en fait.
Exactement.
Et en fonction de si t'es sur un mobile ou quoi, il y a des trucs qui fonctionnent ou pas.
L'authentification, souvent, c'est plutôt sur mobile, on va dire.
Il y a des choses qui sont disées pas que sur mobile, c'est au contact, tout ça.
Mais, ouais, c'est complet.
Là, on se rend compte que la puissance des PWA, qu'est-ce qu'il est possible de faire
avec.
Complètement.
En fait, c'est un super outil pour convaincre un client, par exemple.
Exactement.
Et pour le coup, j'étais à une conférence au mois de novembre, enfin non, à un meet-up
et quelqu'un était complètement anti-PWA parce que par conviction.
Je crois savoir qui c'est.
Par conviction.
Et en fait, tu lui montres le site, ok, qu'est-ce que tu veux faire ?
Et je lui sors le site, je lui dis, regarde, installation en one-click sur la home page,
vibration, machin, ok, contact, enfin, tu lui montres tout.
Et en fait, à la fin, il est obligé d'admettre que...
Ah, quand même, quand même.
Donc, très...
Site très intéressant si vous voulez vous pencher sur les PWA et voir en fait toutes
les possibilités et d'utilisation dans le contexte du navigateur.
Et on avait...
Attends, juste en appartez, on avait un commentaire, j'ai oublié d'en parler au début, de Rico
2011 qui nous disait aussi, parce que justement, le dernier épisode, on a parlé des PWA et
nous ajoutait un truc, comme quoi, les app mobiles qui sont faits avec React Native
Expo aujourd'hui, enfin React Native qui est beaucoup utilisé maintenant pour faire des
tests. Tu peux mettre à jour ton application overgr, en fait, c'est OTA, voilà, sans...
Sans télécharger la nouvelle version et en fait...
Voilà, voilà, tu as une mise à jour dans l'application qui se fait automatiquement.
Donc, voilà, petite précision, voilà.
Super intéressant, pour le coup, ça c'est quand même cool et c'est un des gros avantages
aussi de la PWR, c'est de...
Tu gardes le contrôle de ton déploiement.
Oui, voilà, ça, tu fais ce que tu veux, c'est clair.
Yep.
Mais React Native aujourd'hui, il a vraiment pris de l'ampleur et c'est...
En fait, on ne sait pas, mais il y a beaucoup d'applications sur les stores qui sont faits
avec React Native aujourd'hui.
Mais peut-être que ça serait sympa d'inviter un mec qui touche un peu en React Native
et qui nous exporte React Native.
Si vous connaissez quelqu'un, mettez-le dans le commentaire.
Un petit commentaire, vous direz, ce mec-là, c'est une machine en React Native.
Et est-ce qu'il pourrait venir sur Double Slash et puis nous, on essaye de l'inviter
pour nous parler un peu de React Native.

Allez, on parle de Ennost, qui a fait une semaine un peu lancement,
c'est un peu la tendance maintenant chez tous les opérateurs,
en tout cas chez tous les services web,
de, au lieu de faire une journée de lancement, ils font une semaine de lancement
où ils sortent et viennent étaler toutes les fonctionnalités sur la semaine
parce que la fête est plus folle quand elle dure, donc c'est plus intéressant.
Toujours est-il que c'était la semaine de Noël et Ennost,
alors pour ceux qui ne connaissent pas Ennost, on va dire que c'est l'équivalent de Superbase,
donc c'est un back-end as a service sur laquelle tout est basé sur Asura,
donc qui est un générateur d'API où on vient brancher notre base de données,
ça va générer une API avec les droits, les autorisations, tout ça.
C'est fait sur une API grave QL, même si maintenant on peut faire aussi du reste.
Et Ennost en fait vient rajouter toute la brique Authentification,
vient rajouter une brique de stockage aussi pour stocker des fichiers
et vient rajouter aussi une brique de fonction Serverless
pour faire en fait de la custom logique
et ils viennent aussi rajouter l'hébergement d'un service tier qu'ils appellent du run
ou en clair on va pouvoir lancer un docker dessus.
Et cette semaine ils ont annoncé justement la nouvelle dimension
en fait qui s'appelle Graphite, ils ont appelé ça Graphite,
en clair ça vient utiliser tout leur service avec une surcouche DIA
parce que c'est complètement dans l'air du temps,
donc ils ont fait une semaine avec plein d'informations là-dessus.
Si on fait un récap très rapide de cette fonctionnalité là,
en fait on en avait déjà parlé sur un épisode mais ils vont faire de l'auto end bending.
Alors on en avait déjà parlé de l'end bending pour faire très court.
Quand on vient enregistrer une ligne dans une base de données,
aujourd'hui on a des bases de données qui sont dédiées au stockage de données vectorielles.
En clair on va prendre notre nos données,
on va les envoyer à OpenIA ou à un autre moteur
et toutes les informations de cette ligne vont être encodées selon des coordonnées vectorielles.
Donc c'est une suite de chiffres assez abstraite
et ces chiffres là on va pouvoir les stocker en base.
Donc soit il y a des bases qui sont dédiées pour les objets vraiment vectorielles,
soit en fait on peut ajouter sur du post-gray par exemple,
on peut rajouter une extension qui s'appelle PG Vector
et qui va permettre de prendre en charge ce format en fait vectoriel pour stocker les objets.
Alors vous allez me dire c'est cool mais qu'est-ce qu'on en fait ?
L'avantage de ce auto end bending en fait c'est que quand une nouvelle ligne va être inscrite dans la base de données,
le programme en fait va automatiquement générer ce bout de code.
Donc en clair ils vont prendre les informations, ils vont les envoyer via votre clé OpenIA,
ils vont envoyer toutes ces informations là, ça va vous retourner les informations vectorielles
qui vont être stockées dans votre base de données
et derrière vous allez pouvoir faire plein de choses avec je pense à la recherche sémantique.
Donc la recherche sémantique ça va vous servir pour faire des recommandations,
pour faire des vente plus 1, pour créer en fait des cocon.
En clair quelqu'un qui a acheté un vélo potentiellement, il pourrait acheter aussi des pédales automatiques.
Ou s'il a acheté des pédales automatiques, on va lui suggérer d'acheter des chaussures
parce qu'on est dans la vente additionnelle, sauf que ça en fait on pouvait le faire avant via des algorithmes
et maintenant via l'IA en fait on va pouvoir le faire selon les sémantiques
parce que les deux points en fait dans la représentation vectorielle sont à côté
et donc on va pouvoir faire de la recommandation comme ça.
Et grâce à leur nouveau service, on y arrive, on revient sur Renost,
grâce à ce nouveau service ça se fait automatiquement.
Et donc ça c'est super pratique parce qu'on n'a pas besoin de coder nous-mêmes ce système de données
pour aller traiter au fur et à mesure de la donnée, ils ont intégré ça directement, nativement, dans leur service.
Et donc ça c'est quand même pas mal.
Du coup quand il fait une recherche, il recherche sur les éléments vectoriels ?
Alors deux possibilités, soit tu fais ta recherche classique avec ton search via ton ORM
soit tu vas utiliser leur système qui s'appelle Graphite
qui lui justement va encoder ta requête
avec un... en fait il va transformer ta requête en un objet vectoriel
et après il va aller analyser où est la réponse la plus pertinente par rapport à ces deux objets vectoriels
donc ta requête est l'objet dans la base et il va aller chercher la connexion
et il va te sortir une liste d'objets avec un score en disant que celui-ci est au plus près,
il est peut-être à 0,98 de ta requête, donc ça veut dire qu'il est assez proche
ou à l'inverse il va te mettre l'objet le plus proche que j'ai, c'est 0,60, donc ça veut dire que c'est assez loin
mais c'est ce qu'il a dans la base
Ok, je comprends mieux, je ne comprenais pas l'histoire du stockage vectoriel, maintenant je comprends mieux
Ah oui, tu es obligé d'encoder aussi ta requête sinon ça marche pas
Donc automatiquement il te le transforme et après tu vas derrière les recherches et on te t'appétit dedans
Exactement
Oui, je comprends, c'est pas mal
Toujours à base de DIA, ils ont fait leur petit assistant où ils ont intégré toute leur base de documentation
pour pouvoir créer une sorte d'assistant spécifique à Nost
et donc tu peux parler avec lui, avec l'assistant et il va te répondre des réponses spécifiques à la documentation
Donc soit tu cherches dans la doc, soit tu lui poses des questions et lui il va te renvoyer des liens bien spécifiques
donc c'est toujours intéressant
Et voilà, après on ne va pas développer plus mais dans l'idée Nost vient se doter de pas mal de fonctionnalités
avec de liens et qui facilitent le boulot des devs
Ils en ont profité aussi pour refaire le site de la documentation qui était un peu pas très clair parfois
Il faut l'avouer, pour le coup je l'utilise sur un projet pro
Peut partager la doc
Pardon ?
Ah oui, je peux largement partager la doc
qui a été refaite avec un outil qui s'appelle Mint Lefaye
Comment tu as dit Mint Lefaye ?
Oui je crois que c'est Mint Lefaye
C'est un outil qui te permet de faire des documentations
et c'est plutôt bien fait
Tu peux intégrer la doc mais tu peux aussi intégrer le TN Point
avec le standard Open API je crois
et ça marche plutôt bien
Donc très belle refonte de site et extension intéressante
La recherche de la doc a fonctionné avec Victoria
Il y a une grande chance
On passe sur la popularité parce que en tant que devs on est toujours à fond sur la hype
On se doit de suivre la hype et là c'est un projet qui vient reprendre la popularité des projets
Tous les ans il sort, on a dû en parler les dernières
Tous les ans il sort le classement par rapport au projet sur GitHub
C'est par rapport au nombre de stars
Si tu remontes un petit peu, tu verras il y a toutes tes années
Ça fait depuis 2016
Tout en haut
Ah oui depuis 2016
C'est déjà intéressant parce que tu peux voir le changement depuis 2016
Les projettes et les tendances
Et 2023 vient de sortir
Alors comme on en discutait juste avant, les starts ça n'a aucune valeur
C'est comme un like sur Instagram
Ça demande tellement peu d'efforts de mettre un start ou un like
Pour moi ça ne va rien dire
Évidemment ça donne quand même un aperçu des projets qui sont beaucoup vus et appréciés
Mais bon
L'avantage que je...
Après on peut passer vite fait sur le classement
C'est tout de plus intéressant
Après ce qui m'intéressait surtout sur ce classement
C'est que ça fait découvrir des projets qu'on ne connaît pas forcément
J'en ai repéré de trois, je ne connaissais pas
Donc c'est pas mal
Caravant
Et pour abonder dans ton sens sur les étoiles
Personnellement j'utilise les étoiles comme des bookmarks
Donc en fait je m'en sers, je dis ok ce projet il est intéressant
Je vais le mettre de côté, je l'utilise comme un bookmark
Et après dans GitHub je me suis fait des listes
Et en fait je vais la mettre dans les bonnes listes
Ce qui fait que ah ouais si c'est sur du runtime.js
Bah bam ça va dans mon runtime.js
Ça c'est pour Vue, ça c'est pour Nux, ça c'est pour des projets open source
Je me suis fait toute une classification de listes
Et j'utilise les stars comme des bookmarks
Oh je suis impressionné, t'as tout un classement
J'en ai bien organisé sur GitHub
Ouais je sais pas, mais en tout cas c'est toujours compliqué
En fait c'est super frustrant de voir un projet, tu dis ah ouais ça c'est super cool
Je vois l'intérêt, actuellement j'en ai pas besoin
Parce que professionnellement j'en ai pas besoin mais ça pourrait me servir
Je le mets de côté, je le tag, je le range dans les bonnes cases
Et demain, quand je reviens dessus, j'ai raison
Un exemple typique c'était un espèce de partage de calendrier avec des events
Où pour en un seul clic tu peux ajouter et ça te crée l'événement compatible
Outlook, Google, Gmail, enfin tout ça
Bah ça en fait je l'avais mis dans mes bookmarks peut-être un an avant
Et après je l'ai utilisé, donc c'est quand même intéressant
Je pense que, enfin ce que tu dis c'est, à mon avis, même que tu le dis
Les stars sont à la base des bookmarks, je pense ça a été créé pour ça en fait
Et c'est devenu un truc comme un like mais en fait c'est un bookmark à la base
Certainement, je pense
Et aujourd'hui tout le monde se vente en mode oui on a 35 000 likes, enfin 35 000 stars
Donc ça devient un argument de popularité et tout le monde se passe là-dessus
Mais bon, c'est du, enfin un bon marketeur, dire que c'est du vanity métrique
C'est vraiment, c'est ego à mort
Après, combien de fois ce projet est utilisé sur des sites de prod
Pour le coup ça amène plus d'informations en viable
Ouais ça apporte plus d'infos, après c'est des sites qui sont publics
C'est plus intéressant de savoir combien d'utilisateurs, combien de contributeurs
En tout cas, bravo au premier du classement, Chad UI
Chad CN, qui est impressionnant quand même d'être le premier dans le classement populaire
De tous les projets en fait, qui est une librairie componente basée sur Radix
Oui, par contre il me semble qu'elle est que fait sur React
Même s'il y a un projet qui est en train de forquer, qui est en train de se mettre sur Vue aussi
Mais je crois que c'est d'avant, avant tout une librairie pour React
Ouais c'est React parce que Radix, UI c'est du React, donc il est basé sur React
Et pour le coup tu...
Ouais vas-y vas-y
Non je disais c'est le même design que Vue 0 qu'on a vu tout avant
Donc ça n'a rien à ce que j'utilise, on va voir tous les mêmes sites bientôt
Le noir et blanc
Mais pour le coup, pour moi c'est pas propre à Vue 0 ou à V0
C'est propre justement aux librairies de composants qui sont populaires
Et tout le monde utilise, mais néanmoins c'est quand même vachement slick, c'est propre, c'est joli
Tu vois c'est pas...
Et en plus tu peux le customiser quoi, tu peux changer tes couleurs facilement
Tu peux changer tes typos tout alors que, t'in, avec sur Bootstrap c'était l'enfer
Donc on a plus de possibilités aujourd'hui avec ça qu'on pouvait faire avec avant
Je vais vous avouer un truc
Attention, j'ai fait du Bootstrap il y a pas longtemps
Alors attention c'est pas mon choix
Je travaille actuellement avec une agence pour des projets
Et en interne ils utilisent Bootstrap
Donc c'était la dernière, la version 5 je crois
Du coup qui est quand même plus avancée avec des Helper tout ça
Qui ressemble un petit peu à Tywin parce qu'ils ont évolué
Du coup ils ont des Helper pour les marches, M0 tout ça
J'avoue, la place utilitaire
C'était la confession de Patrick, il a utilisé Bootstrap
C'est ma confession, c'est juste pour dire qu'il y a encore beaucoup d'agences qui travaillent en interne
Avec Bootstrap ou des outils comme ça
Alors c'est la réalité des agences, tiens un petit apparté
On sort un peu du truc, mais c'est la réalité des agences en fait
Je me retrouve confronté avec certaines agences en ce moment
Où ils ont des outils qu'ils utilisent pour tous les sites etc
Et la problématique qu'ils ont aujourd'hui c'est qu'ils sont tellement dans le speed
En fait c'est qu'ils n'ont pas le temps de faire évoluer leur tooling interne
Donc tu te retrouves avec du webpack, avec du Bootstrap, etc
Tout ça parce qu'ils n'ont pas le temps de travailler dessus et de faire évoluer leur tooling
Donc en fait on a beaucoup d'agences encore qui bossent avec des outils comme ça
Donc il faut le savoir c'est la réalité du terrain
Après ils font du bon boulot mais à des moments
C'est dommage qu'ils n'aient pas le temps de se poser pour dire
Faire évoluer, on va passer sur VIT, on va passer sur Tywin
Ouais mais souvent en fait c'est le lead dev qui va rentrer dans l'agence
Qui va mettre un peu une stack
Ils vont construire sur cette stack, ils vont industrialiser
Et une fois qu'ils ont industrialisé, faire évoluer la stack c'est compliqué aussi
Parce qu'ils doivent gérer deux stacks l'ancienne
Et la nouvelle qui va l'implementer
Et donc ça prend du temps
Et le temps c'est de l'argent, en agence c'est rush rush rush rush
Souvent, souvent
Donc ouais c'est carrément comprendre
C'est exactement ce que tu dis en fait
Ils ont industrialisé leur process tout ça
Et puis maintenant ils ont du mal à le faire évoluer
Il y a un aspect développeur back et développeur front
Les backs sont pas du tout CSS, NPM, tout ça
En fait c'est la réalité du terrain
Des fois c'est bien de te confronter à ça parce qu'on se rend compte c'est pas si simple
C'est jamais aussi simple et c'est jamais aussi binaire
C'est pas en mode facile
Yes, écoutez
On vient sur le classement
On n'a pas fait du tout le classement
On n'a pas fait du tout le classement
On est sorti et puis faut que tu reviennes en arrière
Maintenant juste pour parler des librairies
J'ai découvert deux trois librairies
Driesel c'est un ORM qui est dans le classement
C'est le seul ORM de tout classement de tous les projets
Qui est apparemment super connu et qui est dans les premiers
Je vous invite à suivre le compte de Twitter sur Driesel
Parce qu'il fait des putains de tac là tout le monde
Mais c'est énorme
Il y a le community manager, je sais pas si c'est le CEO
Ou le community manager de Driesel
Mais leur communication est topissime
Sarcastique au possible
Non franchement elle est excellente
Et pour moi ils sont en train de défoncer Prisma
Qui est une boîte privée avec un service privé
Une boîte qui a levé et qui a besoin de faire de l'argent
D'où le système de service tout ça
Et là Driesel est en train de leur faire très très très mal
Et le gros avantage c'est que Driesel est nativement compatible avec les workers
Donc on peut l'exécuter sur des edge-functions
Alors que Prisma pendant longtemps ne pouvait pas
Maintenant tu peux le faire via un truc qui faut que tu installes en plus
C'est un peu plus compliqué
Pendant longtemps c'était pas possible sur Prisma
Et Driesel l'a le fait nativement
Et donc tu peux déployer un ORM hyper rapidement, facilement
Tout type et bien propre
Et tu peux l'exécuter sur du edge
Et donc le coût c'est quasi
En plus il est compatible avec plein de bases, super base, tout ça
Enfin tous les projets un petit peu modernes
Donc ça c'est top aussi, beaucoup d'adapteurs
Tu ressoes
Super projet, vraiment super projet ORM
Si vous avez besoin de faire un ORM en JS TypeScript
Regardez ça c'est vraiment propre
Vraiment bien
Moi j'avais vu aussi Mermaid aussi je sais plus que c'était
Mermaid c'est pour la génération de diagramme
Ah oui c'est des graphs
C'est une sorte de langage pour faire des graphs
Ça ressemble un peu à du markdown
Et tu fais des graphs à partir de texte
Si tu vas dans la doc c'est les exemples normalement
Et je trouve ça assez fou
En fait tu prends un exemple de Gant par exemple
Qui est à gauche dans le menu
Et tu verras en fait pour générer un graphe
Tu cries du texte et ça te génère les graphs
Excellent
Là tu peux faire une main map
C'est du texte et ça te génère un graphe
C'est excellent
Ça c'est top solide ça
Je ne connaissais pas
Moi non plus
Donc j'ai découvert ça
Tu vois regarde, juste avec un simple texte
Tu vas faire une timeline
Ah ouais c'est vraiment propre ça
Ça c'est super intéressant
Super super intéressant
C'est une sorte de langage qui génère des graphs
Par contre c'est une surcouche de markdown
Je sais un langage syntaxe à part spécifique
Je n'ai pas approfondi plus que ça
Après je vais juste regarder un peu les exemples
Ah ouais tu peux faire des trucs vraiment complexes
Ouais ouais très poussé
Excellent
En faisant simplement parce que qui n'a jamais fait des graphs
Js c'est l'enfer un petit peu
C'est super dur
Là c'est hyper simple en fait
Et après il y avait Taby
J'ai vu que dans le classement il y a pas mal de systèmes pour dessiner
Des sketches, escalidro
Il y a plusieurs en fait
Teldro
Il y a plusieurs, il y a 4, 5 comme ça
C'est des projets qui sont assez populaires donc c'est cool
C'est des trucs où tu as une sorte de dashboard
Ouais pour créer des schémas avec des couleurs
Il y a plusieurs dans le classement
Tu peux exporter, ça devient populaire
Ouais assez surpris de ça
Et puis Taby c'était quoi d'être Taby?
Taby
Ah oui c'est un terminal
Un autre
C'est un terminal multi-platform
Donc il marche aussi sur Windows
Est-ce qu'il est collaboratif?
Je sais pas
Il est multi-platform
Donc pour Windows, si vous voulez, un beau terminal
Il y a celui-là
Il est open source surtout, il n'y a pas d'objectif
D'argent derrière tout ça
C'est cool
Et pas mal
Est-ce que toi tu as switché de VARP à Taby?
Non
Non
T'es fou
Non mais sur Mac, on a pas mal de choix de terminal
Après VARP j'aime bien
Après on va à un terminal
Et puis un dernier, j'ai repéré
Il y en a d'autres aussi mais pour faire un dernier
C'est Bruno
Qui doit être vers la fin je crois
J'ai regardé sa vidéo, c'est assez intéressant
C'est quoi Bruno?
Bruno c'est comme Postman
Ou...
Comment ça s'appelle?
Insomnia
Il est à Bruno
C'est un outil pour faire des requêtes
Il a été plus long que ça
C'est intéressant, il explique dans sa vidéo
Son idée c'est de stopper tes collections
Dans ton projet
Ce qui se passe, il a créé des fichiers en points bruts
Qui stockent toutes tes collections
Quand tu fais des requêtes, ça va stocker un par fichier
Par collection, par rappel
C'est des fichiers qui sont faciles à lire
Par rapport à Postman, c'est ce qu'il explique
C'est très simple à lire
Tu le stops dans ton projet, c'est partagé
C'est lite et facile à lire
L'avantage de Bruno, c'est que ça permet de garder les collections dans ton projet
Tout en évitant de surcharger le projet
Parce que c'est des fichiers qui sont assez simples
Il y a une vidéo qui explique tout ça, c'est intéressant
Et du coup, un outil qui est open source collaborative
Pour faire...
Là, il y a un pricing
Ah oui, open source édition
OK, gratuit
Et après, la Golden, c'est pour les organisations
Et avoir plus de protocoles
Du WebSocket, du Socatio, du GRPC
GRT Secrets
OK
OK, intéressant
Le fait de stocker toutes les collections au sein du projet
Ça, c'est vraiment intéressant
Ouais
C'est vraiment...
Faut regarder la vidéo, la vidéo est intéressante
Faut regarder la vidéo, elle n'est pas très longue et il explique bien
Pourquoi il a fait ça, etc.
Ça marche
Trop cool
Yes, Patrick
On en reste là pour aujourd'hui
Ouais, on aurait pu en parler pendant longtemps
Mais on va faire des vidéos de cours quand même
Exactement
En tout cas, si vous avez des projets
Ou des outils que vous utilisez
Et vous voulez les faire partager
Mettez-les nous dans les commentaires
On pourra repartager tout ça
Évidemment
Toujours est-il passé
Un excellent journée
Un bon code à vous
Merci d'avoir resté jusqu'au bout de l'épisode
Et on vous dit à bientôt pour d'autres épisodes
Ciao Ciao
Ouais, please, ciao
Sous-titres réalisés par la communauté d'Amara.org