Bienvenue sur Double Slash, le podcast dédié aux outils et aux techniques pour le développement
web.
Ouais, ça va Alex, je suis à la plage là, comment ça va ? Au fait, ça va ou quoi ?
Ça fait longtemps qu'on ne s'est pas eu.
Bah ouais, moi je fais chaud, je n'ai pas envie de bosser.
Ouais, c'est du thé, tu vois.
On va quand même le faire, ce podcast, non ?
Comment ça ? Ah mais on doit faire un podcast encore ?
Ouais, tu vois, c'est l'édition Summer, faut n'ébiger.
Ah, attend on est en live là ? Ah merde !
Ouais.
Ah mais je ne savais pas, attends faut que j'enlève mes lunettes.
T'es fou toi, fais-moi prévenir !
Salut à tous et à toutes, bienvenue sur ce nouvel épisode de Double Slash, épisode
de Special News de l'été.
Voilà, donc cet été on fera un seul épisode et après moi-doute pour te celer les vacances.
Cette fois on ne sera vraiment en vacances.
Salut Alex alors, comment ça va ? Vraiment.
Non, c'est cool.
Écoute, bien content de repartir sur cette petite Semaine Édition où pour le coup on
fait qu'un épisode sur l'été pour parler un peu de tout ce qui s'est passé durant
l'été.
On va parler de la conférence Laravelle, on va parler d'Astro, on va parler de la
database qui se bouge sur le edge de Prisma, de Bund, de Tywin, de comment on peut faire
de l'argent même avec des sites un peu dit old school et que les boring tech ne sont
pas terminés.
Et puis voilà, donc non, il y a plein de choses qui s'annoncent et ça va être sympa.
Et carrément il y a plein de news, même en été ça bouge encore.
Carrément.
C'est parti ? On y va ? Allez c'est parti, on attaque tout de suite
à Emit par la Laravelle conf qui a annoncé plein de choses.
Alors moi je suis beaucoup moins dans l'univers Laravelle, néanmoins il y a eu des trucs
sympas.
Ouais, bah écoute moi non, je suis pas vraiment Laravelle mais je le deviens de plus en plus
en fait parce qu'ils sont vraiment très très dynamiques comme équipe, comme écosystème,
il est super dynamique et du coup je m'y intéresse de plus en plus.
Et donc il y a eu la Laracon il y a une semaine à peu près, la Laracon US parce qu'après
il y en a plusieurs dans le monde et ils ont annoncé pas mal de trucs très intéressants
et donc bah on va faire un petit point là dessus.
Après il y a la Ravel Jutsu qui a déjà fait des vidéos sur certaines fonctionnalités,
certains nouveaux modules on va dire et voilà la Ravel Jutsu qu'on avait reçu il y a 2 ou 3 épisodes.
Donc je vous renvoie sur l'épisode sur la Ravel si vous ne l'avez pas encore écouté
évidemment.
Donc il y avait eu plusieurs annonces mais notamment les plus importantes en fait déjà
il y a eu Pest 2.9 qui est sorti avec de nouvelles TSA.
Pest en fait c'est un système de test pour PHP comme on a déjà geste etc.
Vite test, c'est vite test.
Yes et Pest en fait je l'ai testé il y a pas longtemps parce que justement on m'avait dit
que c'était pas mal d'ailleurs la Ravel Jutsu avait dit c'est vraiment l'ULAF, il est
totalement fan et effectivement l'écriture des tests tout ça est vachement concise et
très proche de gestes tout ça donc ça du coup tu prends plaisir à écrire des tests
en fait.
C'est facile quoi.
Ouais et ça aide vraiment à te motiver à faire des tests.
Donc ça c'est cool donc j'en vois Pest 2.9 avec plein de nouvelles TSA c'était la
première chose et ensuite on a eu des grosses annonces en fait donc la première c'est la
Ravel Heard qui est un nouveau système qui te permet d'installer PHP sur un Mac 0 clic
en fait.
Après tu avais déjà le système, sur Mac c'était MAMP, sur Linux c'est LAMP, sur Windows
et VAMP bon c'était assez facile là en fait ils ont poussé l'expérience développeur
un petit peu plus loin pour que ça soit encore plus facile.
Ouais en fait c'est carrément super moderne en fait tu installes donc tu télécharges
tu l'installes et Poup ça marche en fait ça te lance une signe qui te peut acheter.
C'est un applicatif direct.
C'est un applicatif tu mets le dossier dans lequel tu vas mettre tes sites la Ravel mais
normalement je sais pas de marché avec d'autres sites PHP, d'autres systèmes PHP.
Moi j'ai installé ça marche super bien en fait et après tu peux switcher d'une version
PHP à 8.1, à 8.2, à 8 etc.
Et c'est magique en fait ça marche, ça n'a rien à faire, ça n'a rien à installer ni
docker ni rien du tout en fait donc c'est vraiment un réel plaisir.
Et je vois en fait ce que je me posais la question par rapport à la DB et en fait c'est
tout un petit écosystème où tu as DB Engine pour gérer les DB, tu as un truc qui s'appelle
Hello avec un seul L pour gérer les serveurs de mail donc en fait ils ont recréé tout
un petit écosystème pour pouvoir tester de manière…
Ouais alors il y a plein d'outils comme ça.
Enfin développer un local quoi.
Ouais les outils que tu cites là ils ne sont pas vraiment liés au système là, c'est
plutôt des ventes additionnelles qu'ils essaient de faire.
C'est des outils de développement qui vendent, tu payes au 50 dollars en tout cas comme
ça par an donc c'est vraiment des trucs en plus.
Là la Ravel Heard ne gère pas du tout la DB et ça à toi d'installer une DB SQL ou
ce que tu veux SQL, il y a pour tout quoi.
D'accord.
Mais après c'est assez simple sur un Mac, installer une base de données SQL.
Oui.
Et après ça DB Engine et Gene c'est difficile à lire.
Ça te permet de gérer les DB enfin.
Ok.
Donc ouais ils ont tout un écosystème qui est développé avec des tools etc pour
développer et à chaque fois c'est 50 dollars, 59 dollars, des trucs comme ça donc c'est
pas très cher et ça fait gagner un temps mais c'est incroyable en fait.
D'accord.
Cool.
Interessant.
C'est pas mal déjà ce truc est déjà pas mal, j'ai testé, j'ai installé sur
mon ordis, sur mon Mac, ça marche en un clic de la balle.
Ensuite il y a eu la Ravel Folio.
Alors tu vas voir je vais alors les trois prochains là que je vais t'annoncer.
À la fin tu me diras que c'est une petite technique, tu me diras à la fin à quoi ça
te fait penser les trois prochains packages que je vais t'annoncer.
Ok.
Alors c'est parti.
La Ravel Folio en fait c'est un système un peu comme on a déjà sur les NUX, sur Next
tout ça qui est basé sur le file system.
En fait ça veut dire que ça va te générer des routes automatiquement par rapport à
des fichiers de vue que tu vas mettre dans les ressources, vue et tu fais des fichiers
de la Ravel, c'est Blade parce que c'est le moteur de la Ravel, c'est Blade.
Donc à chaque fois que tu mets un index, c'est la Home, tu mets un Test, c'est-à-dire
Slash Test, etc.
En clair ton arborécence de fichiers et de dossiers c'est ton arborécence de page.
Exactement.

Tu installes le package Ravel Folio.
Donc tu installes sur ton projet Ravel et ça te rajoute ce système qui te permet de
générer des vues, des routes par rapport au vue.
Donc ça, première chose.
Ensuite la Ravel Folio.
Ensuite on a eu l'annonce de LiveWire 3.
Voilà.
Donc je sais plus comment il s'appelle pour celui qui a fait...
Qui a fait...
Je n'ai oublié son nom.
Alpine.js là.
Ah oui.
Alpine.js c'est pour...
Pablo ou...
Non je ne sais plus.
Je vois son Twitter.

Je ne l'ai plus du tout.
Voilà.
Mais on va trouver.
La Ravel 3 c'est basée sur Alpine.js.
Donc la nouveauté de la Ravel 3 c'est que ça intègre automatiquement Alpine.js.
Avant c'était pas intégré, il fallait intégrer toi.
Et là ça l'intègre automatiquement dans le Bundle.js, etc.
Qui est Bundle.js qui fait 33 kilobytes.
Voilà.
Donc quand tu vas utiliser LiveWire, tu vas avoir 33 kilobytes de JS.
Après tu vas rajouter si tu veux pour faire d'autres choses.
Mais de base c'est 33 kilobytes.
Donc c'est hyper light.
Et qu'est-ce que c'est LiveWire en fait ?
C'est une...
C'est toute une API qui te permet d'écrire du code PHP.
Mais quand tu écris tes codes PHP, tu écris...
Voilà, c'est là.
Quelle porte-tu au relâche ?
C'est lui.
Il est là, juste devant nous.
Donc c'est lui qui a créé Alpine.js et qui gère aussi LiveWire.
Et donc tu écris le code PHP, tu vas faire des components qui vont avoir des...
Et à la fin ça va te générer du code JavaScript.
C'est-à-dire que dans ta vue, tu vas avoir un component qui va fonctionner.
Comme un component JavaScript que tu as écrit en vue, etc.
Donc il va être réactif, etc.
Par exemple le compteur, il va te générer de plus.
Ça va rajouter un, deux, trois, voilà.
Et tout ça, tu écris que du code PHP.
Tu écris...
Tu écris 0 code JS.
Ok.
Ok.
Ça c'est pas mal.
C'est pas mal.
Et ensuite, tu as tout un système de routine, avec automatiquement...
En fait, tu transformes une application PHP en application JS.
Ok.
Ok.
Donc pas besoin de faire du JS, tu fais que du PHP et ça marche.
Exactement.
Ceux qui sont à l'arrivée de JS, ils font que du PHP et ils sortent une application JavaScript.
Génial.
Parfait.
Et je rappelle 33 kilobytes le bandel JS.
Et ensuite, la Ravel Vault.
Donc qui est une extension en quelque sorte de LiveWire.
Ok.
Qui te permet, alors ça c'est le dernier volet, qui te permet donc tu vois l'exemple que
tu montres sur la page en fait de générer un component.
Parce que alors, LiveWire de base en fait c'est via une classe PHP, tu vas...
Voilà, tu as des propriétés, tu rajoutes des trucs et c'est une classe PHP et tu
fais ton component.
Et le Vault en fait, il te permet de générer un component dans un seul fichier.
Donc plus besoin d'écrire des classes PHP.
Ça va auto-pinder les trucs.
Donc comme tu vois là, il y a des states, il y a des computed, etc.
Donc en fait...
La syntax, quoi est ?
On est vraiment en train, là pour le coup, ça me fait penser à des composants React
ou Vue, où en fait on a le template, la logique et on retrouve cette fonctionnalité
de single file component quoi.
Ça fait ça en PHP avec un état, une sorte de...
On va appeler des méthodes, des fonctions et...
En fait, c'est ça, Vault, ça te permet de faire des single file component avec ta
logique et ta vue dans la même vue, donc dans un template Blade.
Et du coup, tu regardes...
Quand tu vois la syntaxe, là, elle est très proche de ce qu'on peut faire en vue,
en fait, parce que tu as des states, compétitif, tu as des traces.
Et en plus, ce qui est magique, c'est que derrière, comme c'est du PHP avec la ravelle,
tu peux sauver automatiquement en base, etc.
Donc tu vois, tu as tout...
Tu es connecté avec la Pays directement, en fait, via ton component.
Donc tu vois ce que je...
Alors, je répète, je vous redis, folio basé sur l'efficier, la voyeur qui te fait
faire du js, des components avec PHP et Vault qui te fait de single file component.
À quoi tu penses quand je te dis les trois là ?
À quoi je pense ? Je sais pas, mais en tout cas, c'est...
Ce qui est sûr, c'est que la barrière entre front et backs est en train de se mélanger
de fou, quoi.
Parce que...
En fait, on a un framework type Next to Next, en PHP.
Exactement.
On a exactement la même chose, en fait.
C'est exactement là où je voulais en venir.
Ouais, tu vois, quand tu vois en PHP, on arrive à faire des composants, des single file component.
Là, on voit exactement la même syntaxe avec des fonctions des states, le template.
Tout est branché, tout se fait un peu par magie.
La convention part de suite tout, qui over la configuration.
Après, là où je vois où il y a un gros avantage à passer par la Ravel, c'est qu'en
fait, sur des frameworks type Next ou en React, tout ça, il va falloir quand même que tu viens
d'interférer avec ton espèce de contrôleur ou ton API ou ta database et tout ça.
Alors que là, en fait, toute cette partie-là est déjà un peu automatisée sur la Ravel.
Donc, en fait, ils vont avoir un bel avantage, je pense.
Un bel avantage.
La Ravel gère déjà tout ce qui est les modèles, les connexions database, sauvés les éléments, les entités, tout ça.
La logique est déjà derrière, la Pays tu l'as déjà en fait.
Et donc, la vue devant qui va gérer en plus, qui est connectée automatiquement.
En fait, ça a tout un écosystème qui te permet de générer un site moderne avec du code moderne,
parce que en plus là, c'est vraiment du code très moderne.
En fait, si tu veux, souvent on dit Next, NUC, tout ça, c'est JS.
On aime bien après, on fait du API en JS derrière, parce que nos développeurs, ils font du JS, on fait que du JS.
Voilà, tu as le... pendant un verre, c'est en fait où tu as des développeurs qui ne font que du PHP et ils sont capables
de générer une app fronte et une app back, en fait.
Enfin, même si c'est la même chose, mais voilà.
Donc, je trouve ça super puissant et moi, je suis...
Ouais, et pour le coup, tu vois, même les conventions, même si on sait que Laravel a beaucoup investi,
elle fait beaucoup de branchements sur l'écosystème vue, mais là, tu vois,
il y a une fonction qui est une computide, c'est quasiment la même syntaxe que je crois.
Ça ressemble vraiment du JS, parce que c'est incroyable.
Donc, pour le coup, c'est hallucinant et ça va être...
Non, ça va être super intéressant pour justement, on va dire, tous les réfractaires,
les mecs qui font que du PHP qui sont restés dans leur écosystème,
mais là, ils vont pouvoir en fait, pouvoir profiter de toute la réactivité d'un écosystème JS,
sans pour autant se farcir toute la courbe d'apprentissage,
si les mecs, ils n'ont fait que du PHP, ils n'ont pas fait de JS.
Bon, là, ils vont rester dans leur univers, ils vont incrémenter, ils vont utiliser cette nouvelle librairie
qui va leur permettre de faire des choses super intéressantes.
Non, c'est vraiment propre.
Et je pense que la frontière entre le bas qu'elle fronte est en train de bouger...
Ah, l'explose, elle est de plus en plus ma, c'est en fait, elle existe quasiment plus en fait.
Avec tous les tools qu'on a aujourd'hui.
Est-ce qu'on pourrait dire en fait que Bach, il se denue front maintenant ?
Non, quand même.
Non, mais franchement, je trouve ça génial.
J'adore, enfin, ce que je vois là, c'est super excitant, ça faisait longtemps que je n'avais pas été un peu...
Emballé.
Emballé par quelque chose de nouveau, tu vois, et là, je trouve ça vraiment très bien pensé,
enfin, vraiment bien quoi, et tu vois, pour sortir des pocs, sortir des citres rapidement, tout ça, je trouve ça vraiment bien.
Après, c'est ma question, est-ce que toutes ces nouvelles fonctionnalités, elles sont déjà matures,
ou elles sont derrière des flags un peu expérimentaux, un chose comme ça ?
Alors là, il y a encore des... le folio, il est en beta, je crois.
Volt, c'est encore... c'est en beta aussi.
Enfin, c'est de version beta, mais ça sera rapidement implémenté.
Implémenté, parce que en plus, l'équipe parallèle est assez progressive.
Il y a une grosse communauté, donc ça avance très vite.
Donc ça, c'est cool.
Ouais, et on a une dernière annonce qui a été faite, en fait.
Celle-là, elle était attendue aussi, pas mal.
Ça s'appelle NatifPHP.
Alors, qu'est-ce que c'est, NatifPHP ?
Ça fait penser Natif, tu vois, React Natif,
où tu vas faire, au moment de ton build, tu vas exporter pour ton téléphone et tout ça.
Non, pas loin, mais non.
C'est pour ça, mais on n'est pas loin.
En fait, ça ressemble à... je me souviens même plus comment ça s'appelle.
Dessent un peu, un bas de la page, s'il te plaît.
Tout en bas, dans les crédits...
Tauri.
Tauri, je sais pas si c'est le nom.
Ou Electron.
RIP, Electron.
Tauri, c'est un système qui permet de générer des applications desktop avec Rust, si je me souviens bien.
Et en fait, ils ont créé la même chose en PHP.
C'est-à-dire que tu peux générer des applications desktop avec PHP.

Donc c'est pas des surreils en ravelle évidemment.
Pareil, ils prend les mêmes.
On prend les mêmes et en fait, on utilise notre technologie PHP pour pouvoir faire de l'applicatif desktop.
Et tu as toute une API qui te permet de générer tout ce qui est menu bar, etc.
Dialogue, notification, tout ça, un clipboard, etc.
Donc ça te permet, il y a toute une API qui te permet de dialoguer avec l'OS.
Et de générer ton application, d'avoir un menu, etc.
Et après devant, tu peux mettre ce que tu veux.
Tu peux mettre du réacte, du vu, ce que tu veux.
En fait, tu es complètement libre de faire ce que tu veux au niveau du front.
D'accord.
Mais après, c'est basé sur la ravelle comme ça, avec toute une API qui te permet de générer ton application.
Donc c'est pas mal pour les... voilà.
Toujours pareil, tu es développeur PHP, tu n'as pas envie d'apprendre du Rust ou autre chose.
Aujourd'hui, tu pourras développer des applications desktop pour la professionnelle, pour les entreprises.
Après, c'est quand même encore en alpha.
Oui, c'est un alpha, c'était annoncé.
En fait, il n'y avait rien qui avait été révélé avant la raconte.
Il a présenté le projet, il est disponible, il est visible, tout ça, utilisable, mais on est encore en alpha.
Parce qu'après, maintenant, si tu veux, le projet est open source.
Donc maintenant, la communauté va se mettre autour et puis ça, ils vont travailler dessus, ils vont faire des incréments.
Des incréments...
Tassions.
Ouais, c'est ça.
Et puis, tu peux trouver incrementations sur le code, etc.
Et puis voilà, fixer des bugs et tout ça.
Et donc rapidement, je pense, ce sera utilisable au moins en beta d'ici peut-être fin d'année.
Donc pas mal d'annonces.
Comme quoi PHP, comme ils disent souvent, PHP n'est pas...
Il y a beaucoup de gens qui annonçaient ça et qui disent, c'est mort, tout.
Mais...
IP tracker, c'est quoi ?
IP tracker, c'est un exemple, c'est une application qui a été faite avec native PHP, qui permet d'avoir une IP,
surtout mon ordi qui s'affiche en haut à côté de leur loge sur un Mac.
Alors elle marche pas, j'étais chargé hier, je sais n'installer, ça ne marchait pas.
Ah, je sais pas.
Mais bon, tu as quand même l'exemple, comme quand on peut faire facilement des petites applications, desktop, avec native PHP.
C'est pas mal.
C'est cool.
On ferme le volet PHP, la Ravel et tout l'écosystème.
Astro qui vient implémenter derrière un flag expérimental.
Les view transitions.
Yes, yes, view transitions.
Alors évidemment, mon site perso GoodMotion est en astro et je n'ai pas pu m'empêcher de tester.
Ah, excellent, excellent.
Donc ça bug un peu, il y a deux transitions qui déconnent, mais alors c'est hyper simple à mettre en place.
Tu importes un component de view transition dans ton layout, et puis voilà.
Et d'un coup, ça t'ajoute des transitions entre les routes.
Oui, par contre il faut quand même qu'il y ait le même élément du DOM dans les deux pages pour qu'il y ait une animation,
ou comment tu viens identifier ça ?
Alors quand tu mets le component de view transition, déjà, quand tu navigues dans le site,
déjà tu as déjà une transition qui se fait entre les pages.
Tu as une sorte de petit fading là, c'est vachement plus élégant.
Donc ça c'est pas mal.
Et ensuite tu peux animer des éléments.
Donc le titre ou des choses comme ça, et leur faire faire des choses.
Il y a différentes propriétés, slides, tout ça.
Et donc tu vas dire sur ton heading, c'est animation de point name, égal à 1 à 1.
Et ensuite, lui automatiquement il va faire une animation sur cet élément quand tu vas arriver dans la page.
En fait, c'est hyper simple.
Tu fais 0.js, 0.css.
Tu mets juste des noms sur des éléments et il les anime automatiquement.
Et pour le coup, tu utilises la propriété native des brosers qui est sortie là il y a quelques mois,
avec un taux d'adoption qui est quand même assez intéressant.
On en avait parlé il y a quasiment un an je crois.
C'était à la suite de la Google Io de l'année dernière, en 2020.
Et on était super excités par l'idée de pouvoir utiliser ça.
Et là maintenant ça y est, c'est implémenté dans le plus en plus de frameworks.
Et c'est le cap rastro.
Une next la fait aussi.
C'est assez surprenant comme ça arrive rapidement,
mais en même temps c'est tellement mieux d'utiliser une API native.
En plus si elle n'est pas pris en compte, c'est pas grave, c'est juste progressive.
T'as un fallback qui est pas... tu viens dégrader un peu l'expérience.
Mais en fait, moi ce que je vois, c'est pas que tu ne dégrades pas l'expérience,
tu augmentes l'expérience des gens qui ont la capacité de lire cette propriété,
sans dégrader les gars classiques.
Donc c'est bien.
On parle de validation.
Pareil Zod a un nouveau concurrent.
Alors par contre, moi ça me pose problème parce que en fait,
sur la validation de structure pour faire du type-age
ou pour faire de la validation de données,
il y avait Zod 3 lettres, il y avait A, G, V, 3 lettres,
il y avait Joy 3 lettres, il y avait Youp 3 lettres.
Et là en fait, il y a une nouvelle librairie qui s'appelle Valleybot.
Ils n'ont pas respecté les 3 lettres.
Ils n'ont pas respecté les 3 lettres.
Je ne peux pas accepter ça.
Bon, on n'en parle pas.
On n'en parle pas.
Quel est le gros avantage de cette nouvelle librairie pour faire de la validation ?
Le poids, c'est hyper light.
C'est 0,7 kilobytes.
Donc hyper light.
Et puis après, je ne sais pas trop l'article,
mais je crois que ça marche sous forme de module.
Je ne sais plus.
En fait, je n'ai pas lu.
Je ne sais pas quand tu es connerie.
Et pour le coup, est-ce qu'on a le même panel de validation que sur Zod ?
Pour le coup, je suis passé sur Zod sur le projet sur lequel je bosse
pour valider tout.
Et l'expérience est quand même assez sympa.
On peut pousser le truc assez loin sur les emails
qui doivent commencer par, finir par,
avec autant de lettres entre ça et ça.
C'est assez poussé.
Est-ce que Valibot a déjà...
Il y a tout.
Les emails, les formuleurs, ça gère la validation.
Ça fait tout pareil.
Après, c'est Quick et Quick,
un build-in IOU qui sort Quick, le framework.
Ils sont très orientés,
light et optimization, performance et tout ça.
Et forcément, il fallait qu'ils sortent un truc vachement plus light.
Et il dit que le Zod, c'est 11 kilobytes,
alors que Valibot, c'est moins de 1 kilobytes.
Donc voilà.
Après là, je suis en train de regarder la PIE référence.
Il y a déjà pas mal de choses.
Par contre, la doc est encore assez light.
En fait, ça n'est pas ce qu'ils ont créé, mais rien d'autre.
C'est exactement ça.
Non, non, on va faire.
En fait, la doc, ils ont mis toutes les clés,
mais ils n'ont pas mis les valeurs.
Bon, c'est pas grave.
Mais pour le coup,
pour moi, ça, c'est vraiment un signe...
C'est un red flag.
Je ne peux pas l'utiliser.
Je vois tout le potentiel de la librairie.
C'est bien, mais je ne sais pas comment l'implémenter.
C'est récent.
C'est un voie clairement.
Je pense que la doc a dû être générée automatiquement.
Oui.
Pour le coup, c'est quelque chose de récent.
Peut-être qu'il faut garder les yeux de suivre.
Par contre, c'est pas production ready.
Je ne pense pas.
Je ne sais pas.
Ça me paraît un peu limité.
C'est clair.
On part sur le edge.
Oui, ton sujet préféré.
La DB est le edge.
C'est super cool.
C'est la fusion des deux.
On ne va pas reparler des DB et trouver la bonne DB pour notre projet.
Écoutez les projets sur les DB.
Exactement.
Ce qui est sûr, c'est qu'il y a un nouvel opérateur qui vient dans le game.
Il s'appelle Thurso.
Leur concept, c'est de mettre une DB SQL.
Mais géorépliqué.
Et sur le edge.
Avec des tanglattances hyper faibles.
Et surtout, on va pouvoir répliquer dans différentes localisations.
Location.
Donc ça, ça va être intéressant.
Quelle est la secolite ?
Oui.
En fait, c'est un fork de SQLite qui s'appelle lib SQL.
C'est SQLite.
Il faut voir ça comme ça.
Par contre, les gars derrière, c'est vraiment des gars super solides.
Ils ont un gros track record.
Donc les mecs, c'est vraiment fort.
Surtout, vu que c'est de SQLite, ils ont un pricing mais mega agressif.
Oui, c'est le fee.
Sur le free, en fait, on peut avoir 3 database avec 3 géoréplications, 9 gigatres de données.
Un milliard de données.
25 millions d'écritures par mois.
Non, pour le coup, c'est hyper avantageux.
Et c'est plutôt sympa.
Dans la majorité des projets, quand on essaie de raisonner un peu,
est-ce qu'on a besoin d'avoir une énorme base de données avec Postgre et toute la complexité que ça peut amener ?
Sur des micro projets, parfois, il n'y a pas besoin.
Voir des projets classiques où on ne va utiliser que des relations ou des joins.
Il n'y a rien de très complexe.
Je pense que ça peut largement suffire pour beaucoup de projets.
Et en plus, on vient faire un gap en termes de tarot qui est monstrueux.
En termes de perf, vu qu'on est sur le edge, on vient diminuer la latence et on augmente la réactivité de la DB.
On rajoute ça un pricing pas cher, de la rapidité, de la facilité d'implémentation.
On a un truc pas mal.
Pour se faire, pour utiliser ça, il nous faut un ORM.
On avait fait un épisode sur Prisma.
Il y a super longtemps.
On peut être refaire un, d'ailleurs.
Prisma passe en version 5, où ils font une grosse explosion en termes de performance.
C'est vraiment la version majeure. Ils ont réécrit beaucoup de choses.
Ils sont beaucoup plus rapides.
On mettra l'article pour voir comment ils ont pu descendre la réactivité.
Le temps de réponse, de diminuer le temps de réponse.
C'est plutôt intéressant.
Tout à l'heure, on parlait de torso qui, en fait, est sur le edge.
Le problème de Prisma aujourd'hui, c'est qu'il n'est pas compatible ESM module.
On ne peut pas le mettre sur le edge.
Ils y travaillent, ils regardent comment faire.
C'est pour ça qu'ils avaient créé un service qui s'appelait Data Proxy.
Ou, en fait, pour éviter d'avoir ce goulot d'étranglement sur le pool de connexion.
Ils avaient créé un service qui gère toutes les connexions et qui rendait compatible
pour une utilisation sur le edge.
Mais c'était un service qui se mettra au milieu.
Tu veux dire que sur le edge, quand tu vas avoir des fonctions qui sont indépendantes,
elles vont se connecter à chaque fois.
Ça gère les multiples connexions de la même fonction.
Absolument.
En fait, si tu as 42 personnes qui utilisent 42 edge fonctions qui vont sur ta database,
tu as 42 connexions.
Gérer le pool de connexion sur l'ADB, c'est compliqué.
Ils avaient mis un Data Proxy, c'est comme ça qu'ils l'ont appelé,
pour gérer ce goulot d'étranglement.
Sauf qu'il y a avec Torso, l'idée, c'est de rester sur le edge.
Donc, comment on peut faire ?
On utilise un ORM fortement inspiré de Prisma,
qui s'appelle Drizzle ORM, qui est compatible avec le edge.
On va pouvoir, directement, et ceux de manière native,
utiliser toutes les fonctionnalités du edge.
C'est totalement provider agnostique.
On peut utiliser Claude Fer, Deno, Fly, aussi bien du worker, du browser.
Du browser ?
Oui.
En fait, tu peux exécuter à l'intérieur.
C'est génial.
Tu peux interroger ta base de données depuis le navigateur.
Exactement.
C'est-à-dire que tu peux faire tourner le web app
sans un serveur derrière qui va se connecter à ta base de données.
Tu vas exposer quand même des choses dans ton navigateur.
Ils sont sur un worker de ton navigateur.
Pareil, cet ORM est compatible avec grand nombre de bases de données,
du Postgre, du MySQL, du SQLite.
Évidemment, les torsos, c'est ce qu'on disait,
et Neon, qui est la base de données serverless de Postgre.
Pareil, ils ont fait un petit utilitaire Drizol Studio
qui permet de visualiser ta base de données.
Pour le coup, si vous venez de Prisma,
ils se sont fortement inspirés de Prisma.
Et le pricing, c'est pourquoi ?
Parce que du coup, c'est...
Et bien, tu as vu un peu, quand ils ont été bons,
sur le pricing, ils ont mis le pricing,
et tout le monde clique sur le pricing.
Et en fait, ils disent, ah, ils ont des cons,
parce que Drizol, c'est totalement open source.
Je ne voyais pas, c'est un ORM que tu utilises sur ton projet,
et je ne vois pas pourquoi je me paie, et je ne comprends pas.
Ok, ils sont riches.
Du coup, ils ont été super forts.
Et en fait, ils ont mis plein de tweets aussi de mecs connus, tu vois,
dont le mec Teo, qui est de...
de... d'OtGG, là, T3D, OGG, là.
Et lui, il fait un tweet où il dit, Prisma is amazing.
Tu vois, donc en fait...
En fait, c'est...
Ils ont un marketing plutôt intéressant.
Et donc en fait...
C'est que des tweets de haters, en fait.
Ouais, exactement.
C'est comme un 2017, c'est pas prêt pour la production.
C'est...
Et donc en fait, moi, je trouve ça assez décalé, assez fort.
J'aime bien le dernier tweet où il a marqué,
c'est pour quand le MS est-tu-elle support ?
C'est ça.
Et pour le coup, ils ont un site où la doc est super bien fait,
il t'explique comment tu peux connecter toutes tes... toutes tes database.
Pareil sur comment tu viens faire ton schéma, ta déclaration.
Et, bah, tu viens implémenter ta table et tu viens lancer tes migrations, tout.
Voilà, pour le coup, c'est assez...
Et ça, c'est quoi ? C'est production ready ? C'est beta ?
Oui, oui, oui.
Non, non, c'est production ready.
Mais tu penses qu'ils ont...
Est-ce que tu penses qu'ils vont défoncer Prisma ?
Je sais pas.
Après, Prisma, il y a des gros, gros investissements derrière.
Je pense que l'équipe est bien plus mature.
Et même si Prisma, il y a une grosse partie qui est open source,
il y a quand même un business modèle derrière.
Ouais.
Avec des services, Annex, tout.
Donc, attention.
Après, il y a... je sais pas, le futur, tu vois.

Néanmoins, quand tu vois que la table, là, c'est un fichier TS
où tu peux mettre Zod justement pour faire ta validation, tout ça.
Néanmoins, il faut quand même pas se lurer que le schéma.prisma
où tu viens d'éclairer tous tes modèles, ça fait tes tables, tout.
L'expérience utilisateur est quand même sympa.
D'accord.
L'expérience développeur, pardon.
Et quand même super sympa.
Est-ce qu'ils vont réussir à tordre le coup et à implémenter ça ?
Dans, on va dire, surpasser Prisma, je sais pas.
Pour l'instant, ils sont bien plus loin en termes d'utilisateur, d'utilisation et tout ça.
D'accord.
Donc, j'en sais rien.
Toujours est-il que pour... c'est une belle alternative en tout cas à Prisma
et compatible Edge.
Donc, et ceux de manière nativement.
Donc, ça peut être sympa de regarder tout ça.
Bien sûr.
On reste dans l'univers JS et la sortie de Bun, de manière officielle, la version 1.0.
Oui, il a annoncé ça, Jared.
En fait, Bun, en Suisse, ça fait un an, je crois que ça a été annoncé ou un truc comme ça.
Il avait commencé à travailler dessus.
Bun, c'est un projet qui t'aura remplacé, enfin, c'est un process JS
pour faire tourner sur un serveur, en fait, comme Node ou Deno, tout ça.
Sauf que c'est hyper-l'à, il était hyper-rapide, en fait.
Je crois qu'il l'avait écrit en Rust, c'est de souvenir, si je me souviens bien.
Ce qui fait qu'il est... c'est ça, hein.
Je sais pas du tout.
En fait, je sais qu'il y en a un qui est écrit en zig ou je sais pas quoi.
Ah, le zig, ouais.
Attends, putain, t'es raison.
Mais je sais plus du tout.
Tu vois, Bun JS...
Mais qu'on préparait qu'il y a autre quoi.
Ouais, on a fait une grosse, grosse préparation, là, c'est-à-dire.
Tic-tac.
Non, on n'arrive pas à retrouver.
Bon, bref, en tout cas, c'est qu'on peut dire que...
J'arrête, moi, je suis sur Twitter.
Enfin, X, pardon.
Ah ben oui.
Ouais, ça, ça a changé, ça aussi.

Et en fait, c'est intéressant parce qu'il partage le code, il travaille tout le temps dessus.
Il partage le code, il pose des questions,
ou ce que vous pensez que ça, c'est bien, je n'invite pas.
Et il a enfin annoncé que le 7 septembre, là, donc 2023, je parle,
la version 1.0 allait sortir.
Donc, grosse annonce, et puis, on va voir ce que ça va donner.
Sachant que, ben, dès les premiers tests, c'était super compliant,
et que c'était vraiment très, très performant, et très rapide par rapport à d'autres systèmes de...
JS, pour les serveurs.
Le runtime.
Donc, à suivre, voilà, runtime, c'est le mot que je cherchais.
Et voilà, il y a pas mal de fonctionnalités, tout ça.
Il fait beaucoup de choses qui sont compatibles, si je crois avec Node.
Donc, à suivre, ça peut être très intéressant, tout ce qui est Edge,
tout ça, pour avoir une runtime super performante.
À suivre, je pense qu'il va être implémenté dans pas mal d'endroits
et qu'on va l'utiliser sans savoir, mais ça va être à suivre.
En tout cas, la version 1.0 arrive en septembre, et on va tester ça.
Bientôt.
Cool.
On suivra ça de toute façon.
Après, on va dire, l'explosion de Tywin et son utilisation,
ils ont sorti parce que c'est quand même super classe et hyper stylé de faire des conférences.
Ils ont fait une Tywin Connect, qui était la conférence de chez Tywin,
avec, évidemment, toujours une belle page bien designée, super classe.
Qu'est-ce qui en est sorti, grosso modo, de cet event ?
Eh bien, pas grand chose.
Je te connais.
C'est une petite conf Tywin Connect.
Ils ont voulu, il explique, un petit article d'Alain Boatane,
qui explique, qui fait dans l'article, ce qui s'est passé et tout ça.
Ils ont voulu garder un truc un peu local, un peu façon conf.
Je perds mes mots.
Meetup.
Petite conf.
Meetup, voilà, ils cherchaient le mot.
Ils ont voulu faire un petit meetup.
Au début, ils ont commencé par meetup.
C'est pas le gros site.
Ouais, mais ça reste, c'est pas les confs à l'aversel.
C'était plutôt sympa, machin.
La vidéo est disponible sur YouTube, tout est disponible,
on mettra le lien, mais ça se trouve facilement.
Ils ont présenté quelque chose.
Donc, il a commencé par une intro.
En fait, il explique, en fait, Tywin, il a commencé il y a six ans.
C'est un peu ce qu'il explique.
Il dit, c'était juste quelques feuilles de cils que je copiais collés
dans nos projets à l'autre.
Aujourd'hui, Tywin, Tailwind, parce qu'on me dit toujours que je dis Ty,
Tailwind, était chargé plus de 25 millions de fois par mois
par des millions de développeurs et utilisés par certains
des plus grandes entreprises du monde,
créés certains des plus grands sites web du monde.
Donc, en fait, voilà, pour un projet qui a commencé perso il y a six ans,
aujourd'hui, il est largement utilisé sur des très gros sites
qu'on utilise tous les jours.
Donc, je dis bravo à lui, quand même.
Il est monté avec son petit costard et tout sur scène.
Et puis, les annonces, donc, évidemment,
Tailwind évolue, donc il implémente les nouvelles fonctionnalités
de CSS, comme je disais, je l'avais, il y a Text Balance,
il y a le prefix AS qui est de plus en plus implémenté
dans les navigateurs, qui permet de tester s'il a des enfants, etc.,
le dément.
Donc, voilà, tout plein de nouveautés comme ça.
Et pour le coup, cette nouvelle propriété AS en CSS
nous offre plein de possibilités superstilées
où on va pouvoir en fait dégager du JS.
Et tout faire en CSS de manière native.
Et donc, ça, ça va être super bien.
Pour ceux qui n'aimaient pas trop le CSS,
vous allez peut-être pouvoir vous y mettre.
Mais moi, ce que je vois, de manière tendance,
ça fait déjà pas mal de fois qu'on le dit sur le podcast,
mais la tendance va au dégrossissement du JS.
On essaye de casser du JS et d'implementer des choses natives.
Et donc, le CSS a vachement évolué, je trouve,
sur ces dernières années-là.
Et on dégage pas mal de JS pour faire ça en mode native.
Et donc, ça, c'est plutôt bien.
Et de manière logique, par ruissellement,
on va dire, Tailwind utilise les nouvelles propriétés de CSS.
Cool.
Oui, il y a beaucoup.
Oui, c'est excellent, parce qu'on a beaucoup de choses qui arrivent.
Le has, c'est révolutionnaire, c'est si simple,
mais finalement, c'est tellement révolutionnaire dans notre code.
Et puis, les layout qui arrivent, qui sont petit à petit,
implementés, il y a plein de choses qui arrivent,
qui nous permettent vraiment de faire du code super propre
et de dégager tout ce tooling, ça, ces compagnies.
Alors bien sûr, je vois déjà les gens s'énerver sur ça.
Oui, mais non, c'est pas pareil.
Mais voilà, on enlève toute une couche compliquée
et on arrive à faire de plus en plus de choses en native
et on a de moins en moins besoin de compiler.
On simplifie le process.
Donc ça, c'est bien.
Et pour vous, sur Tailwind, il change de moteur de CSS.
Il présente un truc qui s'appelle Oxyde.
Oui, c'est une sorte de moteur, parce que tu peux compiler
avec Tailwind CSS directement.
Tu peux builder sans passer par VIT ou n'importe quoi.
Donc il y a un nouveau moteur que s'appelle Oxyde,
la tool chaine qui permet de compiler, etc.
Donc il te permet de...
En fait, ils implémentent Lightning CSS.
Donc Lightning CSS, on a déjà parlé dans d'autres épisodes,
qui petit à petit arrivent et fait sa petite place.
Donc ils implémentent Lightning CSS
qui permet de créer du CSS assez, comme ils disent,
du futur CSS.
Des fonctionnalités qui ne sont pas forcément préencharges
mais qui va transformer...
Futures-trouves, en fait, qui sont très pour le futur.
Oui, c'est hyper-performance et ça te compile
le plus petit possible, etc.
Donc ça t'évite d'implementer de autopréfixeurs, tout ça.
En fait, ça fait tout, tout seul, sans rien réglé.
Donc le nouveau moteur fait tout
sans que tu aies à configurer comme ce soit.
Donc voilà ce qu'ils annoncent.
Donc voilà, plus performance, etc.
Sur pareil, à force d'être plus performant, bientôt,
les sites vont en peser que dalle.
C'est fou, fou.
Quand tu regardes les statistiques...
C'est plus en plus lourd.
C'est fou.
C'est ça, c'est le plus en plus lourd.
Et les connexions sont plus en plus rapides
mais t'attends toujours encore plus.
Oui, ça c'est marrant.
Donc on a Oxide et puis aussi ils ont parlé de...
Comme il s'appelle, Catalyst.
Catalyst, c'est une librairie UI kit
pour réacte, en fait, sur lequel ils travaillent depuis deux ans.
Non, un an.
Et puis, ils ont parlé de sérieux, ils l'ont présenté.
Donc c'est pas mal.
Sécifiquement pour réacte.
Après, Catalyst, je ne sais pas si...
Ils n'arrivent pas...
Un peu tard.
Un peu tard, sur toute ces librairies.
Je pense à chaque CDN,
ou chaque UI,
qui est déjà super, super solide,
qui est bien implémenté.
Après, sans doute, ils ont des raisons de faire ça.
Ils veulent garder leur écosystème.
Est-ce que ça sera payant,
ça sera open source,
parce qu'il y a déjà, en fait,
Tailwind UI qui est une librairie composante
où tu peux avoir du vu, du réacte.
Et comment ça vient s'interférer avec ça ?
Est-ce que c'est de la substitution,
ou c'est autre chose ?
Ok, il est.
Ok, il est.
Bon, je vais être honnête.
Je n'ai pas eu le temps de regarder toute la vidéo.
Et bien, on prendra le temps de regarder la vidéo
pour voir un peu...
Ça me paraît un peu...
Enfin, sur l'engine, sur le moteur,
ouais, c'est pertinent, je pense.
Après, sur la librairie React UI,
ouais, je ne sais pas.
Je suis un peu plus sceptique, je pense.
Ouais, ça fait, après, voilà,
des librairies, il y en a déjà pas mal.
Donc, c'est une de plus,
j'ai envie de dire, presque, mais oui, non.
Parce qu'après, ils font quand même des
components de qualité.
Donc, après, si tu as déjà un écosystème React
que tu utilises Tailwind,
ça peut être intéressant, à suivre, mais voilà.
À tester, à voir.
Ouais, à tester, ouais.
Alors, petit débat, rapide, parce qu'on a parlé
juste avant l'épisode.
Donc, en fait, moi, je me questionne
en ce moment, en fait, si tu veux,
parce que je...
Comme toi, en fait, je l'utilise maintenant
sur tous les projets.
Je l'implémente sur tous les projets.
Pour moi, c'est vraiment génial.
Et d'ailleurs, je me disais que je devrais peut-être
refaire un épisode sur Tailwind CSS,
parce que celui qu'on avait fait date un petit peu,
je pense qu'il a au moins deux ans,
et peut-être qu'à la rentrée, on devrait faire un épisode,
je sais pas ce que t'en penses, sur Tailwind CSS,
justement, pour expliquer ce que c'est, tout ça,
pour les gens qui ne le connaissent pas, parce que...
Il faut quand même...
Puis, il y a eu pas mal d'évolution, en plus.
Puis, à l'époque, je te rappelle l'épisode,
c'est de me convaincre d'utiliser Tailwind,
que j'utilisais pas encore, et depuis,
c'est faute.
Mais peut-être qu'on va faire un épisode...
Mais le débat, en fait, c'est que...
Tu vois, j'ai des clients, en fait,
qui ont des projets un peu légicits.
Là, je viens de récupérer un projet, en fait,
qui est de 2018, je crois,
donc, qui n'est pas si vieux que ça,
tu vois, cinq ans, bon, c'est pas très, très vieux,
non plus.
C'est un site qui a été monté sur Foundation,
je sais pas si tu te souviens de se faire,
moi, CSS...
Oui, bien sûr.
C'était l'alternative à Bootstrap, à l'époque.
Exactement, voilà.
Donc, il y a aussi le...
Ça aurait pu être avec Bootstrap, toi, c'est le même problème.
Mais, en fait, aujourd'hui, Foundation,
il est un peu vieux, il est lourd, etc.
Il y a du JIS qui a implémenté tout ça.
Et en fait, ce site, je dois le rafraîchir un petit peu,
parce qu'ils n'ont pas le budget non plus de refaire un nouveau site.
Et je dois me débarrasser de ce Foundation,
tu vois.
Et je me dis, tu vois, est-ce qu'on n'est pas en train de faire
avec Tawin CSS, la même chose qu'on a fait il y a quelques années,
avec Foundation, avec Bootstrap,
où on en mettait partout,
et que quelques années après,
c'est difficile d'en sortir, en fait, tu vois.
Il faut soit te réécrire,
soit...
Et je me pose la question,
est-ce qu'un revenu en train de faire la même chose ?
Mais c'est quoi le problème, en fait ?
Mal problème, je me dis que là, actuellement,
j'utilise Tawin CSS sur tous mes projets.
Je me dis est-ce que, après moi,
de plus en plus, j'écris des projets pour durer dans le temps,
tu vois.
De plus en plus, je fais des sites dans le but
qui tienne plusieurs années, tu vois.
Je me dis est-ce que dans 4 ans,
Tawin CSS n'existera peut-être plus,
ça aurait été remplacé, ou abandonné,
ou va savoir, ils auront changé de pivoter,
ou n'importe quoi.
Et je vais me retrouver dans 4 ans,
à devoir me débarrasser de Tawin CSS.
C'est ça, la question, c'est,
est-ce qu'on n'est pas en train de refaire la même chose
qu'avec Bootstrap, on va mettre partout ?
Non.
Alors, je vais t'expliquer pourquoi.
Enfin, ça, c'est que mon point de vue.
En fait, le gros problème
de Bootstrap et de Fondation et tout ça,
c'est qu'ils venaient avec un paquet.
En fait, c'était binaire.
Tu prenais tout le bundle,
donc, tu mettais un form,
une carte,
tu récupérais toute la libe.
Il n'y avait pas ce qu'on appelait
à l'époque le tree-shaking,
tout ça, ça n'existait pas.
En fait, soit tu prenais toute la libe,
même si tu as fiché un ou deux composants,
tu venais avec un paquet de merde monstrueux.
Donc, ça,
Tawin, en fait,
tu récupères tout pendant que tu deves,
mais au moment de ton build,
il vient en fait faire une énorme purge.
Ça, tu n'as pas utilisé, je le dégage.
Donc, déjà, en termes de performance,
tu es vachement plus poussé.
Et justement, c'est tout l'avantage
de Tawin, c'est que tu gardes
un niveau de gradulométrie
hyper précis,
sans pour autant, en fait,
casser toutes tes conventions.
Donc, en fait, pour moi,
c'est un bon équilibre entre les deux.
Et surtout,
tu ne viens pas
récupérer plein de codes
qui ne servent pas.
Tu vois ?

dans 5 ans, ton projet sera là,
Tawin, oui,
je pense que Tawin aurait évolué,
mais tes conventions
seront toujours les mêmes.
Et quand tu regardes du design,
quoi qu'on en dise, le design des sites internet,
ok, tu peux faire des trucs un petit peu plus conceptuels,
tout, mais
il t'aura toujours des padding, des margins,
des espaces,
tu auras une gestion des images,
enfin,
tu auras de plus en plus,
pour moi, les fondamentaux resteraient les mêmes.
Donc,
le confort
qui amène
en termes de performances,
en termes de conventions,
en termes de
de maintenance et
d'évolution, et de personnalisation
qui apporte Tawin est incomparable
avec du fondation.
Vous voulez vous détruire comme ça ?
Ah oui, c'est pas qu'on parle, c'est clair.
Donc, si tu veux qu'il t'a faire
une migration, je préfère faire une migration
sur Tawin, qui en fait,
pour moi, est un système beaucoup plus ouvert
sur le futur, que ne l'était
Bootstrap ou
fondation.
Le fondation a été abandonné,
le projet est plus, enfin, il est toujours utilisé,
mais il a été un peu abandonné. Bootstrap a évolué,
heureusement, il est venu un peu plus light,
il y a des utilités classes qui sont arrivées,
tout ça, ça a évolué.
Mais, avec le CSS,
tu vois, qui évolue beaucoup, et avec
en native, on a de plus en plus de choses, tu te dis
est-ce que je n'aurais pas mieux à faire
que d'utiliser du CSS native ? Alors, je sais,
moi, j'adore Tawin, tu vois,
des raisons pour lesquelles j'utilise encore beaucoup.
C'est tout ce qui est
les préfixes pour les tailles d'écran,
les MDLG, tout ça, c'est tellement pratique.
Bien sûr, bien sûr.
Et il finit les médiacquéris
à t'apprendre la, tu vois, et alors
après, moi, je fais plus de,
je vais utiliser beaucoup vues
des composants. Donc,
en fait, tout
la rhétorique de dire oui,
mais t'as des classes qui font
trois lignes, parce que t'as, je ne sais pas
combien de classes
à l'intérieur, du coup, ça devient élysible.
Ben, en fait, pas tant que ça,
parce que tout est concentré
sur un seul composant, et j'ai une logique
des composants, donc ça
passe, quoi. C'est pas gélant.
Donc, moi, je trouve que ça
m'amène bien plus de rapidité,
de lecture, de qualité
de code, de qualité de bundle,
tout en laissant
la possibilité d'avoir un niveau
de customisation hyper précis,
que je n'ai pas avec fondation
ou bootstrap, c'est clair.
Ah, t'as senti que je ne suis pas pour la fondation ?
Donc, est-ce que c'est futur proof ? Moi, je pense que oui.
Donc, pour, et puis
à un moment donné aussi,
il faut faire un peu de business, Patrick.
Tu vois,
tu vois, une mise à jour, quoi.
On fait une évolution, et tous les 5 ans,
ça va, ça va. Oui,
c'est clair, mais bon.
Non, mais c'est un débat.
Des fois, il faut se questionner
un petit peu sur sa façon de faire,
et j'essaie de le faire. Donc,
je te propose un
épisode Taïwind en septembre.
Et j'accepte volontiers, Patrick.
Voilà. J'accepte volontiers.
Si, alors, ceux qui nous écoutent encore,
si ça vous intéresse, laissez-nous un commentaire pour dire
oui, oui, je veux un épisode Taïwind.
Voilà. Comme ça, ça va vous motiver et on le fera.
Non, surtout pas, j'en ai pas eu d'entendre Taïwind.
Non, pas du tout.
C'est clair.
Allez, on va partir
loin de la hype
de tout ça.
Attends, t'as oublié VIT, t'as oublié VIT.
Ah, j'ai oublié VIT.
Tu as été oublié VIT.
Alors, qu'est-ce qu'il y a avec VIT ?
Mais non, avec VIT, alors,
il y a la version 4.4 qui est sortie
et
nouveauté, parce que du tout, ça me fait la transition avec Taïwind, tu vois.
Oh, OK.
Qui intègre Lightning CSS.
Et du coup, j'avais mis exprès juste derrière
pour dire que Taïwind,
ce VIT intègre en expérimental, attention,
expérimental, Lightning CSS.
Voilà.
Donc, en fait, c'est plutôt une use qui vient
maximiser et mettre en avant
Lightning, comme quoi,
il y a de plus en plus,
ça devient
une espèce de standard
de plus en plus utilisé, quoi.
Donc, il faut vraiment s'intéresser
à ça, quoi.
Il va être intégré, je pense, dans les prochains mois, dans tous les tools.
Mais vraiment, c'est
sur un certain.
Donc là, c'est en expérimental sur VIT.
Alors, j'ai testé, j'ai pas réussi à le faire marcher avec Taïwind,
justement.
Ça marche pas. D'accord.
Mais en fait, il disait,
comme il s'appelle,
Evanew disait que c'était compliqué pour l'instant.
En fait, Post-CSS est intégré
dans le corps de VIT.
Donc, c'est difficile de remplacer.
De supprimer, quoi. Ok.
Ouais, de supprimer, en fait.
Mais petit à petit, il doit travailler
dessus, mais on imagine que dans
les futurs mois, on pourra peut-être
se passer de Post-CSS et passer directement
sur Lightning CSS.
Mais clairement, ça va venir, puisqu'ils ont
une intégrée en expérimental.
Donc, voilà.
A suivre Lightning CSS,
on en avait parlé
dans d'autres épisodes.
Je pense que c'est le futur tool pour tout ce qui est CSS.
Et pour ceux
qui sont sceptiques
de toute cette hype technologique,
sachez qu'il y a encore
des sites
dit Boring Tech, qui font un max
de dollars.
Boring Tech, je dirais.
Nasty Tech.
Ouais.
C'est un tweet qui a été
fait, en disant
un peu moqueur, en disant
le mec, il a fait un site
avec 14,000 lignes
de code en PHP
mixé avec du HTML.
Le bon code bien pourra avec PHP et HTML.
Du CSS
dans les Inline, enfin, style
avec les Balys style. Et du JS
vraiment, il n'y a pas de React et compagnie.
Il dit, je n'ai pas utilisé de TypeScript,
de Flexbox, de framework.
Il utilise jQuery. Il fait
des dollars à jax, donc de jQuery.
Et il fait des flottes left, le truc qu'on fait
depuis 15 ans. Donc vraiment le site
le code est pourri, mais il dit, j'ai eu
1872 clients
payants et ça a généré
61 000 dollars. Donc, comme quoi.
Donc, ouais
Ouais, avec un site pourri, tu peux faire de l'argent.
Il n'y a même pas photo.
Ouais, mais après c'est
comme tout nous en fait, on n'a qu'une
partie de la pièce en fait.
On est plus souvent
sur le produit, donc
sur le service. Donc, nous on essaye
d'avoir des meilleurs technos
qui soient un
intéressante, performante,
futur prouve.
Mais il faut pas oublier
tout l'aspect à côté business
de marketing.
Parce que, lui, ça se trouve, il a fait ça
hyper rapidement.
Il a eu un gros marketing et en fait
il répond à un problème.
Donc, que ton
site soit bien codé
ou mal codé, si c'est pour faire
du business, est-ce que après ton business
il faut le faire évoluer, est-ce que ton
produit il va évoluer, c'est
compliqué, je ne sais pas. Là, mon avis,
son code pour le faire évoluer, ça risque
d'être très très très compliqué.
Mais si c'est que pour faire un one shot,
il fait du business et puis
il prend de l'argent, donc il peut en
prendre l'argent et puis voilà.
C'est du one shot, le mec, il a
dansé un site, je crois que
il a bien mis
les photos
de meufs
pour le...
Il a compris ce qui a
tiré les mecs, surtout.
Intéressant.
Oui.
Il y a quelques news
en vrac.
On va dire des news rapides, il y a
Ray's Wack, un provider
qu'on avait parlé suite à la
fermeture des recous comme
alternative, parce qu'il nous offrait
un fritière qui était assez intéressant.
Donc on pouvait implémenter, on avait
des crédits gratos en fait.
Et dans un blog post, il vient nous
annoncer que le fritière,
leur pricing était trop
compliqué et donc le fritière
se finit
et maintenant
c'est 5€ et
ils sont plus généreux
sur les 5€ ou les 5$ je crois.
Mais
c'est fini quoi, c'est la fin du gratuit.
On voit ça quand même
sur une tendance à peu près sur
tous les opérateurs, vraiment
à part les gros qui gardent encore
des fritières qui sont très, très, très
généreux. Les plus petits
opérateurs
c'est quasiment fini, il faut toujours
mettre la carte bleue.
Soit sur des forfaits assez faibles
5$ soit
type néon,
upstash ou des choses comme ça
là c'est du serverless, donc on paye
à la demande,
à la consommation. Si on consomme pas
on va avoir des factures de 20 centimes
bon, ok.
Si on consomme un peu plus on va avoir
des factures de 1, 2, 3$
par mois.
Est-ce que c'est bien ?
C'est pas bien. Moi je dirais en fait
c'est un peu le
retour des choses, on va dire à la
normale, parce que
tout gratos à un moment donné
les opérateurs, ils ont
des machines qui tournent,
ça
se tient aussi.
Ils avaient été malins parce qu'ils ont fait
venir les gars des recous
sur leur service. Ils venaient, venaient
c'est gratuit et puis après, vous remenez
ces 5$.
Ouais, ça fait peut-être
partie de l'euro.
Écoutez, clairement il ne faut pas rêver
à un moment donné,
nous on est dev, il faut nous payer.
Je pense que eux aussi ils en sont dev, il faut les payer.
Tu ne peux pas tout faire gratuit.
L'électricité est de plus en plus chère,
les serveurs etc.
Après, il y a aussi
cette notion où
à un moment donné,
le tout gratuit c'est pas viable,
c'est pas possible, tu ne peux pas avoir
une qualité de service si c'est gratos.
Et puis il faut aussi raison garder
ou tu dis ok
le dev il va se faire payer
son TGM, mais
on n'est pas à 5€ de l'heure
quoi, je veux dire en tant que dev.
Donc si ton client
il est prêt à payer un dev une journée
5€ par mois,
s'il ne comprend pas qu'il faut qu'il paye 5€ par mois
je pense qu'il a un vrai
problème.
Mais je suis intimement convaincu
que si ton client il te paye
ce prix-là 5€ par mois
ça ne va pas le gêner.
Il y a un vrai service
avec un support et tout ça.
C'est pas gélant.
Mais c'est toujours l'occas d'un
nouveau, d'un nouvel opérateur
qui dit
bah moi je vais faire un pricing
plus intéressant.
Et hop hop hop
et donc hop
donc HOP qui est
un nouvel opérateur
enfin un hébergeur
qui lui revient
avec du fritier
pour tester
avec
un pricing lui
pareil basé
à l'heure
selon le nombre de CPU
que t'as utilisé.
Alors tout ça
ça vient complexifier
le pricing.
On est de plus en plus
rentré dans le
le pricing à l'Amazon
où en fait on sait pas combien on va payer.
Ça dépend.
Ouais mais d'un autre côté
tu payes à l'usage.
Donc en fait
je pense que si tu consommes beaucoup
tu vas payer plus cher
par contre si tu
consommes pas du tout voire rien
tu vas vraiment pas payer cher.
Tu vois donc en fait c'est
à double tranchant.
Ouais mais ce truc-là
c'est vachement intéressant pour les gros
qui vont
en fonction de la demande ils vont allumer des serveurs
ils vont fermer des serveurs.
Oui c'est intéressant parce que tu payes
en fonction de tes visites en fait.
Après quand tu es plus petit
tu as un serveur tu vas pas l'arrêter.
Si tu as un seul serveur tu vas toujours payer
pareil.
Pour les petits c'est pas très clair.
Ouais
je sais pas.
Je dirais que justement pour les petits
vu qu'ils n'ont pas du trafic H24
tout le temps
ils vont payer moins
parce que
ils vont payer que à la consommation.
Donc
moi je trouve que c'est pas si débile que ça.
Ouais
à tester
mais de toute façon
le gros problème
c'est que
une fois que tu as fait ton implémentation
ta migration est pas si aisé
donc
de toute façon c'est tous ces opérateurs
ils font un pari sur le futur
c'est à dire ok une fois que tu as rentré chez eux
tu vas pas switcher
facilement vers un autre opérateur
et je pense qu'ils en jouent pour
la paix
et puis voilà.
Et j'essaie de te faire venir une fois que t'es dedans
tu restes.
En tout cas il y a une partie de rétention
des clients.
Ok, c'est fort.
Yes
on parle
de ARK
Ouais
petit navigateur alors
c'est à vous
alors moi je l'utilise depuis un petit moment d'ailleurs
il était en version
invitation
façon j'ai mail de l'époque
il fallait être
sur la waiting list mais t'avais jamais
je suis même pas si waiting list à faire que tu recevais un mail
je crois que c'était surtout des codes d'invitation que tu recevais
de tes potes.
Et c'est à vous que
tu m'avais parlé de
je sais pas il y a un an
un an et demi tu m'as dit il y a un gars
en Californie, c'est un français je sais pas quoi
il lance un navigateur
mais je t'avais dit mais quoi un navigateur
mais pourquoi
je vois pas l'intérêt en fait
aujourd'hui je comprends mieux l'intérêt
donc
ARK en fait il est assez intéressant
parce qu'il y a pas mal de choses
qui tranchent avec les autres navigateurs
au niveau de l'interface visuelle
tout ça
et il est pas mal moi j'utilise au quotidien
je sais pas si tu utilises
alors moi j'ai pas fait
full ma transition
là actuellement
j'utilise pour la démo
pour la démo là tout de suite
en ce moment
par contre ce que je vois c'est qu'il y a
un gros niveau de customisation
ça c'est bien mais surtout
ce qui moi me paraît hyper intéressant
c'est des espèces de space
qui correspond un peu
à des utilisateurs
sur Chrome
où en fait on va pouvoir avoir
un univers avec des tables prédéfinies
des favoris prédéfinies
donc on va dire un space
un environnement de travail
plutôt personnel, d'autres professionnels
et comme ça
moi je me suis organisé comme ça et en fait c'est sympa
parce que mes raccourcis vont pas être les mêmes
et on va retrouver
cette fameuse
commande palette
où là
en fait on va avoir plein de choses
soit on va chercher directement
soit on va coller
l'URL
c'est pas mal
je vais énumérer
de tête comme ça un petit peu les choses
qui changent par le point
déjà le panneau de navigation
il est sur le côté gauche
donc tous tes onglets
c'est tout sur le côté gauche
t'as plus d'onglets en haut
la barre de navigation est aussi sur le côté
dans la colonne etc
tu peux avoir une petite barre en haut
c'est une option dans les préférences
donc déjà ça, après tu peux faire des spaces
dans cette colonne là
tu peux faire différentes colonnes
avec un nom etc
où tu vas mettre des sites, des onglets spécifiques
soit un projet, soit un client
soit un truc perso, un truc business
tout ce que tu veux donc ça c'est pas mal
ensuite
les sites sont ouverts en grand écran
puisque cette barre sur la gauche
tu peux la cacher en fait avec un command S
sur Mac
donc tu es vraiment en full page
tu peux splitter
la page et donc avoir 2 sites
côte à côte
ça c'est pas mal
tu peux splitter, tu peux
en version locale
alors il détecte automatiquement
tu es en développement
tu ouvres un point localhost
il va automatiquement te mettre des outils
en haut de la fenêtre
pour ouvrir le web
developer tools
il y a plein de petits outils qui détectent tout seul
que tu es en local
ensuite
il y a plein de trucs
il y a plein de petits trucs qui sont cachés
par exemple il est vachement optimisé
pour Google Meet
il va te mettre les vidéos
en petits formats
tu sais comment ça s'appelle
quand il sort la vidéo de l'écran
des fois je regarde une picture
et des fois je regarde des vidéos sur Amazon
automatiquement
si je change l'onglet
il va me sortir la vidéo
et il va me la mettre sur le côté en bas
automatiquement
et toi tu arrives à coder en regardant une vidéo
non c'est pas forcément codant
des fois tu navigues
en même temps tu regardes un truc
et voilà
qui ne regarde pas des vidéos des fois
et par contre
c'est basé sur le moteur
de Chrome ou pas
ouais ouais c'est Chrome
surtout le DevTools de Chrome
tout ça c'est tout pareil
ah oui il y a aussi un système
de dat blocker
automatique
c'était ma question en termes
de privacy
est-ce qu'on est pareil sur Brave
ou pas ?
non il est pas à ce niveau là mais il bloque pas mal de choses
il te bloque les cookies tout ça
franchement il y a vraiment
tellement de fonctionnalités
que une fois que tu commences
ouais mais c'est surtout que
au début c'est un peu
étrange c'est un nouveau
modèle mental parce que tu n'es pas habitué
tu n'as pas les ongles en haut tout ça
il faut faire commande S pour afficher le bar sur le côté
donc tu as un petit temps d'adaptation
une fois que tu es habitué
je trouve ça vraiment bien
ah oui il y a aussi un autre truc c'est
par exemple quand tu cliques sur un lien
donc si tu le mets par défaut tant que navigateur
quand tu cliques sur un lien dans un email tout ça
il va t'ouvrir un mini
un mini arc
il va pas te le mettre directement dans ton browser
il te fait une fenêtre
ephemère en quelque sorte
qui va ce que tu peux fermer
et donc voilà si tu veux voir juste un petit lien
ça t'ouvre une petite fenêtre
c'est rapide
c'est rapide et après si tu veux
tu peux l'intégrer dans ton navigateur en cliquant
en haut et tu le mets dans le space que tu veux
enfin voilà il y a plein de petites
fonctionnalités qui tu te dis
mais en fait c'est pas con
c'est fallu y penser
ouais ouais à tester et franchement
du coup la version 1 elle est plus sur invitation
donc tout le monde peut l'utiliser
donc maintenant c'est au même point
et puis chose intéressante aussi
quand tu as un iPhone
ou après sur android j'ai pas essayé
parce que j'ai pas d'android
mais tu peux mettre arc sur ipod
et tu fais un compte
et ils te synchronisent les onglets
tu récupères ton
ton space
tu récupères ta navigation sur ton iPhone
sans rien faire en fait
plein de petites tips
de petites fonctionnalités cachées
vraiment top
sympa ça
allez on parle de
ESM
qui sont supérieurs au cdn
un service qui s'appelle
qui est... c'est quoi c'est
ESM.sh
ouais ESM.sh
moi c'est des bibliothèques
exactement
en fait
il y a quand même
déjà un paquet d'années
où les ESM
sont de plus en plus en place maintenant
ça on arrive à une certaine maturité
et il y a
des...
des... un runtime
des nômes par exemple qui lui en fait
n'utilisent plus
de registrer
pour enregistrer tous les packages
ils vont directement en fait importer
depuis un cdn
et c'est ce que permet de faire
ce cdn là où en fait
on va importer
son package directement
oui carrément
en fait c'est un cdn
c'est une librairie cdn
de tous les différents packages qu'on peut trouver
sur npm tout ça en machin
je pense qu'il y a plusieurs librairies
et du coup comme tu dis
les brosers prennent de plus en plus
la plupart prennent en charge les ESM
donc les script modules
et après derrière tu peux importer
dans ton script javascript
et bah en fait tu peux importer
confettis directement de l'url dans ton navigateur
et tu n'as pas besoin de builder
ton code en fait
mais là ils font exemple avec le confetti
exactement
pour le coup là j'ai cliqué une première fois
j'étais en 210 secondes
et j'ai recliqué
et là pour le coup j'étais à 4 ms
parce que
il avait
déjà chargé
donc c'est plutôt
intéressant pour ceux qui viennent
de déno
pour le coup
c'est assez fluide
et vraiment identique
je pense que ça peut
simplifier pas mal de choses
et ça évite
toute cette phase de construction
et
donc c'est plutôt intéressant
sur un site web classique
où tu vas
tu es un peu de javascript
tu vas utiliser une petite librairie
je ne veux pas pour faire un slider
un carousel n'importe
et que tu veux éviter de builder
tu pourras éventuellement l'importer
directement comme ça
et utiliser la librairie sans builder
ou sans l'avoir
c'est intéressant à tester
vu que c'est en sédène ça va être assez rapide
même si dans le
côté performance normalement
tu ne dois pas avoir trop d'appel
à des trucs externes comme ça
mais après ça se discute
après ce que tu peux faire aussi
c'est
en fait
tu ne le mets pas
sur un composant ou sur ta page
si tu le mets en bas de page
tu l'appelles que tu as la volée
et en fait
c'est ça que je trouve intéressant
c'est que tu peux faire un appel
à cette fonction que quand t'arrives
on va dire à la demande
quand le mec y clique
il est prêt à attendre quelques 10 secondes de plus
parce qu'il a fait une action volontaire
de l'importer et de le run
donc il est prêt à attendre quelques 10 secondes
sauf que dans la plupart des cas
tu charges une fonctionnalité
qui potentiellement ne va pas être utilisé
et avec un service comme ça
tu viens
implémenter ta fonctionnalité
et tu charges ta fonctionnalité
que
tu en as besoin
je pense que c'est pas mal
à tester et puis
c'est pas intéressant pour des petits projets
tu n'as pas envie de builder ou sur des serveurs
c'est pas mal
exactement
on ne peut pas
on ne peut pas
nier le fait qu'aujourd'hui chat gpt
et toutes les IA
sont omniprésentes
et j'ai découvert ça
en fait
où c'est une sorte de guide
qui nous explique
comment utiliser
comment faire
justement le prompt engineering
ou en clair
c'est comment bien poser les questions
à l'IA
pour avoir un résultat pertinent
et le gros avantage
alors je sais pas si ça a été traduit par l'IA
ou ça a été fait à la main
ou vérifié mais en tout cas ça a été traduit en français
et
j'ai trouvé ça hyper didactique
parce qu'il nous explique vraiment
comment ça fonctionne, comment ça marche
quels sont les bonnes instructions, qu'est-ce qu'il faut mettre en place
c'est quoi un LLM
le piège des LLM
tu vois il y a un truc sur les pièges
c'est quoi c'est
il y a des fautes bien
hallucination, mathématique
ah oui c'est tous les trucs où ils sont pas bons
et pour le coup
c'est assez
intéressant
il montre beaucoup d'exemples
donc c'est assez intéressant
c'est bien en fait c'est une formation
en fait c'est une formation en ligne
c'est exactement ça
c'est exactement ça
et je trouve que c'est un super
en condensé
en fait de tout ce que tu peux avoir
même s'il y a je pense
une somme astronomique de vidéos
qui t'expliquent comment faire
du prompt engineering
mais souvent c'est assez spécifique
c'est à dire c'est comment on va faire un email
avec chat gpt
comment on va faire ça
là c'est un petit peu plus
meta global
pour bien comprendre
en fait comment ça marche
je vois il y a certifié Kate
tu peux te certifier
un point de vue
gagner des milliers de dollars
c'est ça non ?
en fait je n'ai pas regardé
si tu n'as rien à faire au mois d'août
tu te fais une formation
sur ce site et en septembre
tu te vends prendre un engineer
exactement
et tu te factures
à 1500€ la journée
pour mettre en place le truc
donc évidemment
on prend une commission
pour tous ceux qui vont être formés
mais
donc ouais
voilà non
j'ai trouvé cette ressource assez
assez intéressante
donc ça peut être super sympa
yes bon on va remettre nos lunettes
je te prends pour le Patrick
et puis on va
retourner à la plage
à savoir que sur le mois d'août
il n'y aura pas d'épisode
sur la fin de l'été et on reviendra
au mois de septembre
avec
toujours sur le même tempo
je pense
des news évidemment tous les mois
des sujets un petit peu plus
approfondis
et des invités
carrément pas de
d'épisode en août
et on revient en septembre
cool
écoute
merci Patrick
merci à tout le monde d'être restés jusqu'au bout de l'épisode
pensez à mettre un petit like
un petit pouce et tout ça
et puis on vous dit à bientôt
ciao ciao
sur le site
vous allez retrouver tous les liens d'épisode
les références évoquées durant l'émission