
Les News Web Dev pour Juin 2023
Durée: 80m10s
Date de sortie: 28/06/2023
Un épisode news pour juin 2023 un peu plus long que d'habitude pour prolonger le plaisir. Nous allons évoquer Apple qui s'occupe enfin de Webkit (Safari), de React.js qui se retrouve dans la polémique avec les servers components. Évidemment de CSS. De services d'envoi d'emails. De Netlify connect. De PHP qui prépare sa version 8.3. De Zod, de Javascript, etc.. Un épisode riche en news ! Retrouvez toutes les notes et les liens de l'épisode sur cette page : https://double-slash.dev/podcasts/news06_23/
Bonjour à tous et bienvenue sur ce nouvel épisode de Double Slash ! Salut Alex, comment
ça va ? Salut Patrick, salut tout le monde !
Mais écoute, super motivé pour un nouvel épisode de News comme d'hab avec plein d'infos.
On va parler d'Apple, de Safari, des images, de CSS, d'email, enfin voilà, il y a encore
plein de choses.
De réacte comme d'hab aussi, il faut pas oublier.
De débit, de tapation en ce moment.
Oui, exactement, il se passe plein de choses donc c'est trop cool, autant on parle.
Il se passe beaucoup de choses.
C'est clair, avant ça on va remercier Laurent, notre nouveau sponsor pour le podcast, donc
on a 4 sponsors actuellement.
C'est cool, merci tout le monde sponsor.
On te remercie.
Et ne n'oubliez pas, si vous voulez soutenir le podcast, il y a la page dédiée pour nous
sponsoriser, 1€, 2€, 5€, 10€.
Comme vous voulez, c'est libre et on vous remercie d'avance, ça nous aide beaucoup pour les
logiciels qu'on utilise pour enregistrer tout ça.
Merci d'avance.
C'est parti, on commence avec Safari.
On attaque avec Safari.
Après, Safari.
Il y a eu la WDC et donc c'est la conférence développeur de chez Apple.
Ils ont sorti plein de nouvelles outils et surtout une nouvelle version de Safari avec
tout l'outillage et toutes les nouvelles recommandations et toutes les APIs qu'ils
ont aussi ouvert.
Par contre, ils nous ont sorti une nouvelle plateforme pour faire de la push notification.
Oui, c'est ça, il y a une nouvelle console.
Il y a eu la WDC, donc avec plein d'annonce, iPhone, machin, les lunettes, je sais plus
que les visions pro, je crois que ça s'appelle, sur le matériel.
D'ailleurs, au passage, je vais regarder vite fait les sites web s'affichent correctement
dedans par a priori puisqu'ils ont un système qui adapte.
Si vous avez un site, rien à faire pour l'afficher dans les visions pro, je n'ai pas encore
testé les visions pro, toi non plus, imagine.
Il n'y a pas grand monde.
Il n'y a pas grand monde, c'est pas pour tout de suite, qu'on pourra tester.
Non, c'est pas pour tout de suite, mais bon, c'est intéressant quand même.
Mais nous, on s'en fout de tout ça parce que ce qui nous intéresse, c'est le web.
Mais on pourra sans doute mettre du web là-dedans.
Mais carrément.
Donc du coup, en fait, Safari, ça bouge en ce moment, version 17 qui arrive avec Sonoma,
je crois, c'est ça sur Mac OS et puis iOS, je sais plus quelle version.
Et du coup, Safari, ça bouge beaucoup et ils sont en train de se mettre à jour.
Ça, c'est cool.
Donc les PWA, tout ça, il y a tout ce qu'on attendait depuis des années,
mais quand ça va arriver sur Safari, les push notifications,
non, on n'a pas fini encore.
Et tout ça, et enfin, ce jour arrive.
Et du coup, on a enfin les push notifications sur Safari qui arrive avec le standard classique
qu'on a déjà avec les autres navigateurs.
Donc ça rappelle comment ça marche.
Voilà, on demande l'autorisation à l'utilisateur qui va dire,
OK, je suis d'accord pour recevoir une notification.
Donc ça appartient à un device et un browser.
Ensuite, le serveur d'Apple, du coup, pour cette histoire,
là, en fait, il va nous renvoyer un token qu'on enregistre en base, etc.
Et ensuite, quand on va envoyer des notifications,
on utilise ce token qui cible cet utilisateur et on envoie la notification.
Mais tout ça, c'est cool.
Donc ça, ça se fait tout en code, mais il nous fallait quand même une console pour tester tout ça,
tester les notifications.
Donc ils ont sorti ça.
Il y a une console qui permet de tester tout ce qu'est notification.
Il y a une vidéo qui est avec, qui explique, il y a pas mal de logs, etc.
Qui explique si ça arrive pas, pourquoi ça arrive pas.
En fait, c'est assez détaillé.
Donc c'est cool parce qu'on a enfin des outils pour développer des PWR.
Et pour que, d'ailleurs, parce que ça marche pour tout les notifications.
Ouais, après les notifications, c'est pas spécifiquement pour les PWR.
Tu peux utiliser pour le native tout ça.
Par contre, ça vient en concurrence un peu direct avec les providers type One Signal ou
tout les personnes, les opérateurs qui vendaient en fait de la notification.
Là, en fait, Apple rapatrie un petit peu ça chez eux, un peu à la mode de Firebase
qui a été racheté par Google, où en fait, ils avaient un système de notifications en interne.
Et donc là, Apple rapatrie un peu tout ça chez eux.
Ouais, en fait, ça dépend.
En fait, clairement, One Signal, c'est vraiment pas mal.
Je l'ai implémenté déjà sur un site.
C'est vraiment bien, c'est pratique et ça t'évite de mettre la main dans le cambouille.
En plus, tu peux customiser tout ça.
C'est bien. Après, pour les champs plus professionnels qui développent eux-mêmes
le système de notification, pas besoin de ça.
En fait, oui, ça vient en concurrence, oui et non.
Parce qu'en fait, j'imagine que ce n'est pas les mêmes
cibles, en fait, si tu veux.
Le console d'Apple, c'est plus pour les entreprises avec des développeurs
qui vont développer vraiment le système de notification, alors que le One Signal,
c'est pour le gars qui installe les notifications, 600 watts presque.
Tu peux faire un petit différent.
OK. Donc, quoi.
Voilà, donc ça, c'est pour notification.
Et ensuite, il y a pas mal de nouveautés aussi dans le Safari 17.
Donc, sur un kit.
À bloc.
Parce que c'est le moteur de Safari.
Ouais, mais qui est utilisé finalement que sur Safari.
Donc,
même si Webkit est open source, il faut le rappeler quand même.
Donc, si demain vous voulez faire un browser pour l'utiliser.
Donc, c'est pas mal.
Donc, plein de nouveautés.
Donc, grosse nouveauté, c'est sur justement sonomal à la prochaine version de MacOS.
On pourra avoir des web apps qu'on mettra dans le doc,
un peu comme sur Microsoft, il me semble.
On peut faire ça.
Les web apps dans le doc.
Donc, voilà, ça, c'est une grosse nouveauté.
On pourra avoir à créer sa web app, tout ça.
Pour les entreprises, c'est pas mal.
On pourra mettre, on a le nouveauté.
Maintenant, on a dans les webviews.
Tu sais, dans les webviews, quand tu as par exemple, dans une application,
type Facebook ou Instagram, tu as un site qui s'ouvre.
Maintenant, tu pourras mettre à tout home screen.
Tu as le bouton pour ajouter la web app sur l'écran d'accueil.
Directement, webview qui n'était pas disponible avant.
Donc, c'est pas mal.
Il y a un nouveau tag modèle qui permet d'implementer
en fait des trucs 3D, en fait, ces nouvelles balises qui sont créées
pour mettre des éléments 3D dedans.
Alors après, je ne suis pas spécialisé à la 3D,
donc je ne peux pas aller plus loin que ça.
Mais voilà, ça ressemble un petit peu à ce qu'on a sur la balise image.
C'est la figure.
Oui, non, ce n'est pas figure.
C'est des pictures avec un...
Picture, où tu as des sources en fait et en fonction de ce que le navigateur
prend en charge, en fait, il va...
On va lui afficher un format de fichier différent et compatible.
Et c'est pareil en vidéo aussi, on peut faire du...
Voilà, du...
En audio aussi.
Ouais, en fait, voilà, il choisit le bon format.
Il y a WebXR, en fait, qui est un nouveau format basé sur WebGL
pour faire des expériences immersives, toujours en 3D.
Donc, voilà, ils sont à fond sur la 3D, surtout avec les nouvelles lunettes.
Ouais, je pense.
Voilà.
Donc, ça, c'est encore un truc pour les spécialistes de 3D.
Alors, il y a JPEG.
Alors, nouveau format d'image qui est pris en charge, c'est JPEG XL.
Alors, ça, on en parlera juste après parce que c'est...
C'est drôle.
C'est un peu polémique, news.
C'est un peu polémique parce que, du coup, je suis tombé sur un autre truc dessus.
Alors, on en parlera juste après.
Donc, JPEG XL, qui est un format open source, qui est un super rapport qualité,
poids, c'est pas mal.
Il y a le format d'image aussi, qui est...
Alors, HEC, je ne sais pas comment vous pouvez le dire.
Donc, il y a un format utilisé spécifiquement dans iOS pour tout ce qui est photo, tout ça.
Donc, ça, c'est vraiment propre au...
Voilà.
Je crois que c'est le format natif, en fait, quand tu prends des photos sur un iPhone,
ils sont enregistrés nativement sous ce format-là.
Ce qui est hallucinant, c'est qu'ils ont fait ce format-là pour leur photo,
mais il n'était pas compatible avec leur propre navigateur.
Ouais, ça, c'est sûr pareil.
C'est comme chez Google, il y a des trucs qui ne sont pas très logiques.
Bah, du coup, c'est compatible.
Je ne sais pas qui peut utiliser, mais bon, c'est vrai.
Peut-être quand tu...
Ah ouais, mais du coup, ça peut être utile si tu prends une photo avec ta web app,
que tu veux la rafficher directement, tu vois, et la modifier.
Je pense que c'est ça le but, en fait, de pouvoir utiliser le format directement.
Direct.
Ouais.
Après, il y a plein de trucs dans CSS, t'as image set.
Alors, c'est toujours intéressant de voir les nouveautés des navigateurs,
tout ça qui sont implémentaires, parce que t'apprends des choses.
Image set, je n'ai jamais utilisé, je découvre ce truc.
En fait, c'est l'équivalent, juste comme les vidéos, les images,
tout ça, dans le HTML, tu dis à ton navigateur,
prends ce format si tu le supportes ou prends celui-là ou prends celui-là.
Ok.
Donc, c'est un peu l'équivalent du source set pour la taille, en fait.
C'est ça.
Là, tu vas faire la même chose avec le type d'image.
Voilà, ouais.
Donc, si tu prends la vif, si tu ne le supportes pas, tu prends le JPEG.
Ce qui est intéressant, c'est que ça, c'est fait en natif,
mais même s'il est aujourd'hui, en fait, il y a des opérateurs ou des services
type clodinari, tout ces logiciels, des logitions d'image,
en fait, qui vont faire une abstraction,
qui vont mettre une surcouche supplémentaire pour mettre de l'intelligence
dans le format d'image pour renvoyer le format le plus optimisé.
Mais là, si on peut le faire nativement,
c'est bien plus performant et bien plus intéressant.
Oui, carrément.
Donc, propriétaire intéressante.
Il y a un attribut qui s'appelle popover aussi.
Je ne connaissais pas non plus.
C'est dingue.
Il sort des trucs, on ne connaît pas.
Donc, d'après ce que j'ai compris, c'est des attributs qui permettent
de faire des pop-up nativement sans JavaScript, en fait.
Donc, j'ai été voir la doc, tout ça.
Et voilà, tu as un bouton qui ouvre une modale
sans un cure de JavaScript, en fait.
C'est natif dans le browser, donc c'est pas mal.
Ça, ça le recharge.
OK. Et pour le coup, c'est fait côté CSS ou c'est fait côté HTML ?
Donc, c'est HTML.
Après, tu pures.
Ouais, ouais, HTML pur.
T'as ton attribut qui target une div ou n'importe quoi, un conteneur.
Et après, oui, avec le CSS, tu peux mettre un peu de style,
tout ça de l'ombre, etc.
Mais voilà, c'est natif.
Donc, c'est pas mal.
Bon, après, des HR dans les selects.
Bon, ça, ce n'est pas la révolution,
mais ça peut être pas mal pour séparer des listes.
Counter styles.
Alors, ça, c'est pas mal.
Je ne connais pas l'envolu.
C'est ouf, on apprend tous les jours.
C'est pour styliser dans ta liste, dans ta liste HTML,
là, tu es lié tout ça.
Tu peux styliser les symboles,
mais vraiment précisément de ce que tu veux mettre avec.
Ça peut être des formes, etc.
Des lettres, là, ils donnent des symboles.
En fait, c'est l'espèce de petit puce, là.
Tu vas pouvoir la styliser.
C'est ça.
OK.
Tu peux la superstiliser, en fait.
Et tu peux styliser que les premières.
Je regardais la doc aussi, c'est vachement intéressant.
Donc, super, ça le prend en charge.
Enfin, là, j'imagine que Chrome peut-être le prend en charge.
Je ne vais pas regarder.
Evolution, on a Developer Tools.
Alors, Developer Tools sur Safari, il est hyper pourri, franchement.
Mais ils sont, voilà, il évolue un petit peu.
Alors, on va dire que les concurrents sont meilleurs, on va dire.
On ne va pas dire qu'il est plus...
On va dire qu'il n'a pas évolué des autres...
Des autres 10 ans, quoi.
Des autres Safari.
Pourquoi mieux, quoi ?
À chaque fois que tu vois dessus, tu pleures, quoi.
Voilà.
Tu n'as même pas le truc de, tu sais, pour réduire en format mobile,
tout ça.
C'est vraiment nul.
J'espère que ça va évoluer un jour.
Enfin, voilà, il y a plein de nouveautés.
Après, il y a encore des websockets, tout ça.
Donc, il y a une doc, on mettra le lien qui est hyper long.
Mais il y a plein d'évolution.
Donc, ça bouge sur Safari.
C'est cool parce que c'est sur...
Si vous vous rappelez que Safari, c'est sur iOS, sur les iPhone,
et que les iPhone, c'est quand même une part de marché qui est importante.
Donc, plus ils prennent le charge, plus...
Oui.
Voilà.
Plus c'est bon pour nous.
Plus c'est facile pour nous.
Exactement.
Yes.
Et donc, du coup, je voulais revenir sur...
Enfin, on va revenir sur le JPEG XL,
qui est...
Alors, je suis tombé sur cet article par hasard
parce que justement, j'ai juste après
la... avoir mis cette news sur Safari, je regarde.
JPEG XL, en fait, c'est un format qui a été abordonné par Google, en fait.
En fait, Google, Chrome, l'année dernière,
ils ont dit, bon, JPEG XL, on laisse tomber en charge.
On n'y croit pas.
On n'y croit pas.
De toute façon, on a WebP, donc on s'en fout.
C'est nul.
Et là, tu vois, Safari qui l'implémente.
Alors, qu'est-ce qu'on fait ?
Ouais.
Est-ce qu'on n'est pas retourné dans la vieille guéguerre en mode,
ouais, mais moi, c'est un format que j'ai inventé,
donc je voudrais imposer mon standard.
Et des choses comme ça, je ne sais pas.
Mais...
JPEG XL, il est en fait sur ce qui est ouvert, donc...
Ouais.
Donc, il est bien.
Mais du coup, tu te retrouves avec un navigateur
qui l'implémente et pas un autre,
avec Chrome qui est quand même majoritaire.
Enfin, en tout cas, ça dépend des pays,
mais ici, en tout cas, en France, il est majoritaire.
Donc, tu ne sais pas, est-ce que tu le prends en charge JPEG XL
ou ça vaut le coup, ou pas ?
Est-ce que ça...
Voilà.
Donc, on arrive, comme tu dis à la guéguerre de l'époque,
mais en même temps, c'est bien parce qu'il faut bouger le truc,
parce que sinon Chrome domine le marché
et fait un petit peu le...
Enfin, dessine un petit coup.
C'est lui le diapason.
Mais en même temps, c'est déjà un peu le diapason quand même.
C'est que c'est quand même lui...
Ouais, mais moi, ça fait plaisir de voir Firefox,
un peu du mal, tu vois.
Les Outriders tenir le truc, tu vois.
Safari qui compte quand même aujourd'hui,
puisque, voilà, iPhone, tout ça.
Donc, bon.
Donc, s'il arrive à réimposer un peu des standards, tout ça...
Après, si les gars, ils se font la guéguerre, tu vois,
je pense que les grands gagnants dans tout ça,
c'est justement les opérateurs ou les services
qui proposent de faire...
de la transformation d'image à la volée,
parce qu'ils disent, non, mais nous, on s'en fout.
On lui donne à la personne la meilleure format possible.
Donc, c'est eux qui vont gagner, quoi.
C'est sûr.
Et après, quand on regarde vite fait
sur l'implémentation de...
Donc, on utilise le fameux Can I Use,
outil indispensable quand on fait du web,
pour savoir si c'est ce que je peux utiliser ça.
Là, on voit le JPEI XL, c'est tout rouge partout, quoi.
Bah ouais, il y a que Safari 17 qui le prend,
donc on sait pas, c'est ce qu'on va faire.
Clairement, ça vaut le coup de se brancher dessus, quoi.
Non, enfin, moi, personnellement, je ne pense pas.
Après, je suis bien plus intéressé par le WebP SWAT,
mais aussi le format Avif,
qui est un petit...
qui est quand même bien plus à implémenter,
même si Edge, je ne sais pas pourquoi
Edge ne le prend pas en compte,
parce que Edge, c'est un moteur...
c'est le même moteur que Chrome, quoi.
C'est Chromemium, ouais, donc...
c'est tendant.
Oui, je ne sais pas pourquoi Edge est en rouge.
C'est Chromemium, après, c'est la base.
Après, ils implémentent les choses,
c'est pas non plus, chacun implément les choses qu'il veut,
il y a la base, c'est le Chromemium,
mais étonnamment, ce n'est pas implémenté.
Je préférerais qu'ils fassent ça plutôt que leur IA à la con.
Bon, pardon.
Allez.
Et si aujourd'hui,
petit article sur...
est-ce que React ne serait pas en train de devenir le nouvel Angular ?
Ouais, je ne sais pas.
Ouais.
Tu résumes, là ?
Non, je résume.
Et je résume.
En plus, je fais un résumé mauvais et avec un gros billet.
Un gros billet, t'as développeur NextView, quoi.
Exactement.
Exactement.
C'est François Zaninoto, qui est le boss de Marmelab,
qui est une société française qui développe React Annuine,
tout ça, ils ont plein d'outils.
Il y a un outil qui permet de faire le consommation carbone de son site
quand on en avait parlé dans un épisode, je sais plus comment il s'appelle.
Il compte dans la communauté React, en tout cas en France,
et un peu plus même.
Et il écrit un article en fait sur
est-ce que React n'est pas arrivé à un point
où équivalent à quand Angular a été passé de la version 1 à la version 2
et ça avait fragmenté et les gens avaient dit,
je vais pas réécrire mon app, je me casse ailleurs.
Et je me casse chez React ou autre.
Donc voilà.
Il pose la question, est-ce qu'on n'est pas arrivé à ce moment-là
avec les React Server Component,
qui sont quand même un changement assez important d'écriture,
de modèle mental, tout ça au niveau de la conception d'application,
avec des choses qui ne marchent pas encore dedans, etc.
Il y a plein de choses.
Donc rappel sur les React Server Component,
c'est des component qui sont rendus par serveur.
Il y a des choses qui sont plus utilisables par rapport aux component clients,
notamment les hooks, tout ce qui est use state, use contexte, use effect.
Donc on utilise beaucoup d'en React.
Après, il dit, il n'y a pas de CSS in JS.
Alors moi je dis tant mieux parce que je déteste ça.
Mais il y a quand même des...
Il y a quand même des...
C'est en train d'évoluer.
Il y a justement des nouvelles librairies qui arrivent compatibles.
Donc ça, ça va être vite réglé.
Il n'y a pas de React Query, la librairie.
Parce qu'il y a un Fetch qui est implémenté,
mais qui est différent du Fetch Natif,
parce qu'il fait une déduplication pour éviter d'avoir des multiples requêtes.
Il y a plein de choses qui sont différentes.
Il dit surtout le modèle mental, il n'est pas du tout pareil.
Il faut tout réapprendre, sauf si tu fais du PHP.
Parce que c'est à peu près pareil,
parce qu'on avait déjà parlé dans d'autres épisodes.
Donc voilà, il dit, il y a beaucoup de changements.
C'est compliqué.
Ça veut dire qu'il y a des gens qui vont devoir réécrire
une bonne partie de leurs applications qui tournent aujourd'hui.
D'autant plus que...
Alors après, il prend un exemple de la doc React.
Si tu te dis un petit peu dans l'article, tu verras,
il dit que React dit ce qu'il va d'aujourd'hui de faire des SPR.
Il dit que la bonne méthode de faire des apps,
c'est de faire du serveur de la ssr, du serveur rendering.
Donc c'est un peu bizarre de dire, ne faites pas de SPR,
alors que pourtant, on en fait encore,
j'en ai fait une il n'y a pas longtemps.
Il faut la main aussi surtout.
Ils ont poussé le truc pendant des années,
ils ont poussé le truc et puis là ils disent,
non mais maintenant il faut arrêter.
Faites plus d'SPR, c'est l'intervête.
Je vois, c'est qu'il force la main un peu quand même.
C'est ça, c'est exactement ça.
Il tente le coup, en mode, allez, vas-y,
fais ça maintenant, on te dit comment faire.
Voilà, en fait, ce que tu veux, l'hydratation,
c'est l'ennemi numéro un aujourd'hui au niveau du web.
Donc le fait de faire des SPR, ça fait forcément de l'hydratation.
Donc ils disent, faites du ssr,
parce qu'il y a moins d'hydratation,
tout ça, ça réduit le bundle, tout ça.
Donc ils forcent la main pour dire,
faites avec des frameworks qui n'est pas juste avec React tout seul.
Et en plus, ils poussent sur Next.js forcément,
qui fait du ssr.
Ils disent que les serveurs component,
c'est la voie à utiliser par défaut,
donc faites du serveur component.
Donc voilà, ils imposent plein de choses, tout ça,
et c'est une façon assez bizarre.
Donc ils disent, est-ce que là,
est-ce que ça ne va pas fragmenter
en fait tous les développeurs React à un moment donné,
est-ce que ça ne va pas exploser le truc,
d'autant qu'il y a plein de concurrents super bons,
Next, etc., vu Svelte,
enfin voilà, il y a plein de frameworks aujourd'hui
qui sont super compétents, enfin,
excellent, j'ai envie de dire.
Ouais, qui sont arrivés à maturité.
Après, moi, ce qui me dérange,
c'est, je pense qu'il joue aussi
sur l'implémentation de React qui est très forte.
Il y a une pénétration de marché qui est excellente.
Donc React est partout,
il y a des développeurs, ils sont full React,
tout machin, super.
Et moi, ce que j'aime pas du tout,
c'est qu'ils tordent le coup,
et en plus, ils nous imposent
de manière un peu indirecte,
Next et
en manière sous-jacente verselle.
Et donc, en fait,
il y a trop de synergie
et trop de pouvoir dans les mêmes mains.
Et ça, ça me dérange fortement.
Et puis, en plus, une fois que t'as dit que
c'est du React, c'est un peu comme du PHP,
bon, alors là-delà, t'as fini de perdre.
Là, c'est sûr.
Non, mais là, c'est dur.
Alors PHP, c'est très bon.
Attention, PHP, ça marche.
Ah, je reste.
Non, non, mais c'est...
Je pense que...
Il a vraiment raison, en fait,
de dire qu'on est arrivé à l'équivalent
de Angular 2, en fait,
parce que c'est vrai qu' Angular 2,
t'as arrivé avec des choses nouvelles.
T'as inscrit tout ça, c'était imposé,
et c'était comme ça.
Il y avait qu'une seule façon de faire, en fait.
Et il y a beaucoup de gens qui sont...
On dit, bah, stop.
Moi, je fais plus d'angular.
Je vais pas tourer et faire mes applications,
tout ça, je vais faire autre chose.
Donc, ce qui est peut-être à profiter,
à React, à ce moment-là.
Mais, ouais, peut-être que là, aujourd'hui,
on arrive à un moment où...
Bah, ouais, OK,
on est qui, à ce que tu aurais écrit.
Bah, putain, chier, c'est quoi ?
Pourquoi pas ?
Bah, oui, bien sûr.
C'est pas moi qui vais dire le contraire.
Non, mais c'est...
Ou du remix, ou voilà, des choses qui sont un peu moins...
Ou on t'impose un peu moins de choses, quoi.
Donc, c'est intéressant.
Et du coup, j'ai mis un lien aussi,
il y a Robinson, c'est Lee Robinson,
qui a fait une réponse du coup par rapport à ça.
Je tombais dessus aussi.
Il dit, ben non, mais les SPA, les clients componentes,
non, on peut encore l'étudier.
En fait, tu vois, je trouve que la communication,
elle est pas bonne.
C'est un peu confus, en ce moment-là.
C'est très confus.
Après, ils poussent quelque chose,
mais ils doivent se justifier du contraire aussi.
Mais arrêtes pas de se...
En fait, Versel, ils arrêtes pas de se justifier, en ce moment.
Je trouve ça hallucinant, en fait.
Ouais, après, mais peut-être parce qu'ils sont devenus trop gros.
Et enfin, peut-être...
Non, pas trop, mais en fait,
ils ont beaucoup d'impact et de visibilité de marketing.
Ils ont été très bons, donc ils sont exposés.
Et donc, de toute façon, dès que tu es exposé,
tu es plus ta masse et énorme,
et plus tu vas avoir pas des haters,
mais des gens qui vont être hyper réactionnaires
à tout ce que tu vas dire.
Et donc, ils se prend une avalanche de bien ou de mal,
mais ils doivent dîler avec ça.
Après, est-ce que c'est pas aussi la renson un peu du succès, quoi ?
Ils sont atteints tellement...
Enfin, voilà, ils sont omniprésents,
ils ont un niveau de mise à l'échelle monstrueux.
Ils sont partout, ils font des conférences,
dingues d'Apple, machin, tout avec des vidéos de ouf et tout ça.
Ok, donc ils sont forts en marketing,
mais derrière, ils se prennent aussi des avalanches de bad buzz.
Mais ça se trouve, ils sont dans une stratégie,
mais bad buzz, on s'en fout, ça fait du buzz, on parle de nous.
Donc au final, ça leur va.
Oui, c'est clair.
Après, React, c'est Open Source, Next, JS, Open Source.
Après, ça reste des trucs Open Source,
on en parle en mal.
Ça en fait parler dans tous les cas.
Donc ça fait du verser les mis en avant, même si...
Mais il est intéressant, oui.
Ça leur fait du buzz dans tous les cas.
C'est clair.
Donc, à suivre, en tout cas, c'est intéressant de...
On arrive un petit peu à un changement.
On parle de ça, mais on est quand même dans un virage,
en ce moment important au niveau du web,
par rapport à tous ces frameworks JavaScript,
hydratation, tout ça, l'Islande, la certitude,
la architecture, tout ça, tous ces trucs-là.
On est vraiment dans un gros changement.
Donc j'ai une vidéo là,
ce sera dans les liens à la fin,
mais Adios Mani qui est intéressant aussi,
il en parle encore de ça.
Il y a un gros changement.
Donc pour nous, tout développeurs,
en fait, les développeuses,
il faut se tenir au courant parce qu'il y a beaucoup de changements
et il faut vraiment être à jour là-dessus.
Ça va se fragmenter.
Oui, ça se fragmente en ce moment.
Fairement.
Allez, on parle de CSS un peu.
Yes.
J'ai cette petite page qui donne un exemple.
C'est surtout le code pen qui donne l'exemple,
mais il donne 50 unités de CSS
pour les tailles.
C'est assez hallucinant, je ne savais pas qu'il y en avait autre.
C'est énorme.
Mais c'est énorme,
mais il y en a certaines, je ne sais même pas d'où elle sort.
C'est l'écart de ça.
Et comment on fait pour se retrouver avec ça ?
Est-ce que tous ont vraiment une utilité
ou c'est un peu une bonne question ?
Parfois, oui.
Et puis après, le support.
Parce qu'au-delà, il a séparé, tu vois, les conteneurs,
les viewports, les RMS, on les connaît,
mais tu vois, le RLH, R-I-C, c'est quoi ça ?
Ça sort d'où ?
Ouais, le RIC.
Je ne sais pas du tout.
Le RIC, rien de grand.
Aucune idée.
Et après, ce qui peut être intéressant,
c'est de voir,
peut-être qu'on a une unité qui nous permet
d'avoir un niveau de granulomètre
et un peu plus poussé,
et de pouvoir gérer beaucoup plus le CSS.
Ou des lignes,
mais de manière native.
Et souvent, on va faire des calculs ou des choses comme ça.
Et au final, peut-être qu'on n'a pas besoin,
il nous suffirait d'utiliser la bonne unité.
Ouais, c'est ça, mais c'est intéressant.
Parce que ça te permet de voir quelle unité existe
et éventuellement de voir la doc,
à quoi ça respond,
est-ce que c'est pris en charge ?
Pas avec Canaïus.
Donc c'est toujours intéressant de regarder ça.
Je vous recommande de regarder.
Moi, une propriété qui me plaît en ce moment,
c'est la dynamique viewport.
Pour les mobiles, c'est super important.
La hauteur du viewport,
elle existe en dynamique maintenant,
c'est la DVH, si je ne me trompe pas.
Ok, je suis là pour la pour la pour la tour.
Et bien, elle devient dynamique,
tu sais, dans ton iPhone, quand tu squabres,
ta barre disparaît, elle apparaît,
ça change la hauteur de ton viewport.
Et bien avec la DVH, ça se met à jour.
Donc si tu as un menu, par exemple,
qui doit prendre la hauteur du viewport,
en fonction de s'il y a la barre ou pas,
il s'adapte.
Donc ça, c'est une propriété
qui est vachement intéressante
comme fait des trucs sur mobile.
Excellent, excellent.
Oui.
Intéressant.
À creuser, c'est...
Oui, intéressant ça.
C'est vrai, il est pris en charge.
Donc il ne faut pas hésiter à l'utiliser.
Ça marche.
Ok.
C'était un lien à toi.
Ouais, Small CSS, je ne sais pas si...
il y a des gens qui se sont penchés sur le CSS,
mais en tout cas, il y a Stéphanie Ecclès,
qui a beaucoup écrit sur du CSS,
qui a fait beaucoup d'articles,
sur la démocratisation, on va dire, simplifié.
Et là, elle revient avec une...
en fait, des petits snippets hyper...
on va dire, très, très, très simples à utiliser
et c'est assez intéressant, facile à lire.
Même si, j'avoue, de plus en plus,
je trouve que le tirer, tirer, non de la variable,
et après, pour appeler la valeur de cette variable,
dans mon CSS, je vais faire var entre parenthèses,
tirer, tirer le nom de la variable,
je ne trouve pas ça super facile à lire.
Ouais.
Je ne sais pas, tu valides toi.
Ouais, alors parce que...
En fait, c'est parce que dans l'exemple,
mais la variable directement à côté,
mais dans l'idéal, tu mets tes variables
dans une sorte de fichier où tu mets toutes tes variables,
tes couleurs, c'est pour les couleurs tout ça,
et tu mets à jour, en fait,
en modifiant juste ce fichier, tu vas modifier tout ton code CSS.
Ouais, ouais, non mais en fait...
Ouais, ouais, je remets pas.
C'est pas super lisible, mais c'est vachement pratique par contre.
Ah non, mais là, par contre, je valide totalement l'utilisation.
Par contre, moi, je trouve que la lecture de var entre parenthèses,
tirer, tirer, machin,
si je dois mettre en parallèle avec du SAS,
ou le dollar, machin,
et bah, en fait, c'est...
Je trouve que la lecture est pas aussi facile.
Ah ouais, c'est clair.
Mais voilà. Après, pour les personnes...
Ouais, il y a pire, et surtout, il y a pire,
quand tu mets des préfixes,
comme sur WordPress, par exemple,
où ils génèrent les variables CSS
avec le thème.json, et là, tu as plein de préfixes.
Ça fait tirer, tirer, vp, tirer, machin, bidule.
T'avais truc à rallonger, alors là, c'est une pop.
Mais t'as obligé pour pas faire de collier.
Là, c'est compliqué, quoi.
Pandar.
Ils sont top, hein.
Par contre, ils reviennent juste deux secondes sur...
Ils sont small CSS. Ils sont assez top,
parce que tu vois, le premier, je voulais juste dire,
le premier, tu vois, il y a quand même un système
qui est compatible mobile,
sans utiliser de...
de media queries.
Parce que si tu ressaises les trois items,
et bien, en fait,
tu verras que ça se met
à la suite, sans media queries.
Donc c'est pas mal, c'est...
Mais de toute façon, le gros avantage
des gris, justement,
c'est que tu... on va dire,
de manière totalement implicite,
tu viens, en fait,
faire ta version mobile.
Si tu utilises les bonnes propriétés,
ton site devient totalement responsif.
Mais il faut bien jouer les gris, de quoi.
Ouais, carrément.
Et pour le coup, aller voir Small CSS,
justement,
elle vous espère...
Exactement, exactement.
Et pour le coup, elle est hyper pédago,
elle a une chaîne YouTube, tout.
Elle est assez pédago, et ça marche.
Pour les gens qui veulent se mettre au CSS,
après, je sais qu'il y a des gens qui sont allergiques
au CSS, ils veulent pas, ils savent pas le CSS.
Il y en a.
Allez, Panda CSS,
outre le fait que
ça soit jaune et super pétant,
et le logo est super cute,
en mode Panda qui fait du skate,
qui boit du bubble tea,
qu'est-ce que ça fait, en fait, ça ?
Un bubble tea, ça, je comprends pas le bubble tea.
Je suis peut-être un boomer,
je sais pas, je comprends pas.
Ouais, c'est une nouvelle...
c'est une nouvelle librairie CSS
Indies.
Qui est du coup compatible
avec server component, c'est pour le coup.
Voilà.
Il y a pas mal de nouveautés,
tout ce qui est plus moderne
avec les yaw, tout ça.
Il y a plein de trucs, elle prend plein de choses
en charge de design token.
Elle est pas uniquement réacte, je rappelle,
elle fait tout framework confondu.
Donc, elle est framework agnostic.
C'est ça, et voilà,
je crois qu'elle est typée aussi, un truc comme ça.
Voilà, le mode...
Tu vois, en bas, quand tu descends, il y a marqué,
ça marche partout. Remix, V, Next.
Posse, Sastro, Storybook, tout ce que tu veux.
Voilà, c'est une nouvelle librairie
assez avancée.
Après...
Qui est toute nouvelle.
Ouais, ok.
Alors que très bien,
designé, le site est propre, tout.
Je pense que doit y avoir pas mal
de stars, déjà,
sur GitHub.
On est à 1700.
Tout est typé, type safe.
Après, le CSS...
Ouais, c'est ça.
Le vrai truc, c'est le CSS inJS.
Ouais, ça, j'ai dit mal, moi.
Mais après, c'est pas mal, des fois...
J'en ai fait, ça, les projets, c'est pas mal.
Ça t'ouvre des possibilités
au niveau des components.
Après, je suis pas super fan,
parce que moi, je suis un peu à l'ancienne, tu vois.
Donc, je suis un boomer sur le CSS.
Je m'aime bien les gisibars.
Mais...
C'est assez étonnant,
ces trucs avec le type safe.
Parce que j'ai utilisé Pinceau,
qui est aussi celui que tu connais,
le projet de l'équipe Next.
C'est un peu le même style,
en fait, avec type safe, tout ça.
Et c'est un peu déconcertant
à utiliser au début.
Ça change la manière de
fonctionner, ça change le paradigme.
En fait, je pense, c'est comme beaucoup de choses,
il faut vraiment faire l'effort de
rentrer vraiment dans la librairie,
de comprendre comment ça marche.
Et seulement après,
on voit vraiment le bénéfice.
Mais c'est vrai qu'au début, on voit surtout la
montagne, à gravir.
Et on va dire, non, mais moi, je sais faire ça
super rapidement, dans ma vieille
techno, on va dire.
Mais pourquoi je vais me faire chier
à je passer sur une nouvelle ?
Qu'est-ce qu'elle m'apporte ? Et au départ,
tout n'est que complication.
Parce qu'un truc simple,
on sait pas le faire
et c'est beaucoup plus...
Ouais, au début, tu passes
beaucoup de temps pour faire des choses simples.
Après, ça dit automatique, mais c'est vrai qu'il y a
toujours des changements. On se demande de l'investissement.
Ouais, carrément.
Une autre propriété
qui est intéressante, c'est le
Vrap Balance.
Ouais, on avait déjà parlé, en fait,
je crois, sur un ou deux épisodes.
C'est une nouvelle propriété qui permet
d'ajuster
des textes
de 4 lignes maximum
pour qu'ils s'ajustent vraiment
à la bonne saline, tous en fait,
en fonction de la largeur.
On avait dit, ouais, c'est cool,
ça va bientôt arriver, tout ça, super.
Ça arrivera d'ici fin de l'année, ça sera
disponible sur tout le navigateur. Et en fait,
c'est arrivé plus vite que prévu, c'est que
c'est déjà disponible sur Chrome,
sans flag, sans rien, donc c'est cool.
Et surtout, en fait, ils en couragevent
de l'utiliser, en fait,
parce que, en fait,
tu peux l'utiliser tout simplement parce que
si jamais le navigateur le... c'est pas
ce que c'est, il fera son comportement normal,
en fait, du coup, donc ça permet
aux gens qui ont les navigateurs Chrome
récents, d'avoir la propriété
qui fonctionne, et pour les autres,
comme Safari, tout ça, ou les anciens Chrome,
le texte s'affiche comme il doit s'afficher d'habitude.
Donc, du coup, ils en courageent,
j'ai revu encore une vidéo ce matin,
utilisez-le, puis comme ça,
les gens qui ont eu Chrome récents, ils auront
le texte bien aligné, tout ça, et
les designers seront contents.
Exactement. Et puis, non, mais
ce qui est surtout cool, c'est que, en fait,
t'as un fallback natif,
voilà, tu viens améliorer
l'expérience pour les gens qui peuvent,
par contre, tu ne dégrades pas ceux qui ne l'ont pas,
donc c'est super intéressant, quoi.
Pour le coup, ça peut être super cher à implémenter,
et derrière, on a un truc
vachement plus stylé et designé, quoi.
Ouais, il faut rappeler, voilà, pour CSS,
quand... ce qui est bien avec CSS,
c'est quand tu aies une propriété qui n'est pas reconnue
par les navigateurs, il l'ignore, en fait.
Donc, si tu peux
mettre deux propriétés, une qui est
une sorte de fallback juste en dessous,
si la première est ignorée, il prendra ça de dessous, en fait.
Et ça, c'est un truc comportement natif de CSS.
Donc, ça permet vraiment, alors,
d'avoir des... d'expérience améliorée pour les gens
quand des brosers plus récent.
Yes. Par contre,
un autre problème
qui est un peu plus pourri en termes
de CSS, c'est le CSS
dans les e-mails.
Ça, c'est vraiment... ça, c'est vraiment
compliqué.
C'est vraiment compliqué. Et
on a... on a
trouvé, en fait... alors toi, je sais pas
si tu l'as déjà utilisé, moi pas encore.
Non. Mais une librairie
qui s'appelle React Email, en fait, qui
sont des composants, qui sont
designés justement pour
accepter un bon nombre
de... de clients
e-mails. Et donc, en fait, on va faire
du React. Et à la fin,
en fait, on a une fonction qui va nous appeler
une sorte de render, où ça va nous
rendre un HTML
compatible avec tous les clients
e-mail. Et
ça, c'est... ça, c'est plutôt
sympa. Ça va
un petit peu en frontal avec un autre
framework qui avait été à l'époque poussé
par Mailjet, qui
est MGML, c'est ça ?
MGML, ouais. MGML qui permet
de... bah, t'as les components, en fait,
qui marchent un peu quand React, c'est du React,
d'ailleurs, je crois, qui te rendent
en fait...
Bah, au lieu que tu écrives... parce que... alors...
Alors, ceux qui ne sont... qui n'ont jamais fait
d'e-mail, de templating d'e-mail
vont halluciner.
Les templates d'e-mail, ça se fait à
des tables. Alors, je sais que les...
développeurs qui sont jeunes,
tout ça, qui développent depuis 2 ans,
tout ça, ils... ils séquent les tables.
Mais en fait, à l'époque, il y a
15, 20 ans d'années, les sites web
se faisaient avec des tables, des TDA, tout ça,
pour pouvoir aligner les cellules, tout ça,
puisque ça, css,
n'était pas super avancé, et tout ça. Sauf que
ça évoluait, le web... nous, on fait
aujourd'hui le web, on a des grilles, c'est top,
on a du super css, et tout. Sauf que
les emails, ça n'a pas évolué, on est toujours sur les tables.
Donc voilà. Donc c'est l'enfer, en fait,
de faire des templates d'e-mail.
Et donc, il y a MGML qui te permet
de pas faire de tables, tout ça, juste, tu fais
des... voilà, t'as des balises, tu mets du texte
dedans, tout ça, et lui, il va te générer tout ce qui va
derrière, le table, tout ça. Et ben là, c'est
un peu près la même chose, React, e-mail.
Tu vas écrire ton T-code avec tes balises React,
enfin tes components, et lui,
derrière, il va te générer
tout le code qui correspond
avec les tables, les briquettes, tout ça, un machin,
qui sont un enfer pour tous les
développeurs, les développeuses.
Ouais, clairement.
Ah ouais, c'est un enfer.
Ouais, pour le coup, c'est
vraiment la merde. Après, il y a plein de services
qui te donnent accessible
des... enfin, qui te rend accessible
des espèces de templates, que
tu vas pouvoir variable
avec des... voilà,
des paramètres que tu mets, et au moment
où ils envoient le mail, ils viennent interpoler
tous ces paramètres, toutes ces variables,
et ils viennent les injecter dans le template.
Ça, c'est plutôt cool,
mais souvent, c'est
quand même
lié à ton opérateur, quoi.
Donc, en fait, tu es
un peu...
des emails, quoi.
Donc...
Ouais, exactement, parce que
mais... donc ça, c'est bien.
Mais, ce qui est cool,
c'est d'avoir un service qui te permet
d'envoyer que des emails. Moi, je
gère mes emails avec React Email
et
je génère mon email HTML, il est propre
et après, je
fais juste appel à un service
qui va justement envoyer. Et c'est là
où on rentre sur
un service qui s'appelle Resend
qui, au
départ, moi, quand j'avais vu
j'étais sur la waiting list
et
quand j'ai vu les tarots,
je dis, oh les gars, là
c'est monstre cher, quoi.
C'est monstre cher. Et au final,
il y a 2 ou 3 semaines,
je sais plus, en tout cas, peut-être
début du mois, ils ont changé
la politique de pricing
et ils sont devenus beaucoup plus généreux.
Beaucoup plus généreux.
Et donc maintenant, en fait, on a
3 000 emails par mois
avec une directe quand même
de 100 emails par jour
totalement gratuits. On peut
brancher notre domaine
donc notre nom de
domaine, donc ça c'est plutôt cool.
Et
c'est
une API, c'est un SDK
mais ultra simple,
indestinataire, From,
et donc c'est
vraiment mais hyper simple
à implementer. Donc ça c'est
plutôt top.
Par contre, c'est un service américain
et
oui, et donc parfois, on peut
avoir des contraintes légales
qui nous forcent
à utiliser un service
qui est hébergé en Europe
et c'est là
où MailPace en fait fait
exactement la même chose.
Alors MailPace a changé de nom.
Allez,
avant ça s'appelait OMAI
SMTP
et ils ont changé en MailPace
et on est quasiment
sur à peu près les mêmes tarifs
voir
non, c'est un petit peu
1.3€
Ouais, c'est un peu plus
je crois qu'ils n'ont pas d'offres gratuits
chez MailPace
mais
dans l'idée
c'est des tarifs
assez
pas cher
voilà, c'est pas cher
Un mini mail, une limite
de domaine, je veux dire c'est quand même
ça va quoi
Et tout pareil avec
une librairie qui est assez direct
en termes
de SDK où on a tous
les langages possibles
pour justement pouvoir
envoyer nos emails
bien propres comme on veut
et surtout le service ne fait que envoyer
l'email, c'est pas lui qui
gère
la base
d'email, c'est pas un CRM
c'est pas un automation, il n'y a pas
de templateing, c'est uniquement la
fonctionnalité, envoyer d'email
c'est le facteur, vraiment pur facteur
facteur
c'est la place toi
Ben ouais, carrément
on a pas parlé
Ouais, carrément
on bascule sur
Netlify, il y a quelques
temps
ils avaient fermé un truc qui s'appelait
Netlify Graph
qui en fait était une aggregation
de données via GraphQL
de différents services
derrière ils ont fait la position
de
Gatsby
avec leur hub et tout ça
et en fait
la question c'est qu'est-ce qu'ils vont faire tout ça
qu'est-ce qu'ils vont faire tout ça
Ah la question était vite répondue
j'en veux dire
Évidemment
et donc maintenant en fait ils nous reviennent
avec un Netlify Connect
et maintenant
ça prend un petit peu plus de sens
Ouais
Ouais, ils avaient racheté
Gatsby Incompression
la société
pas le projet
pas le framework
Ouais, par le framework
il reste Open Source, le framework
même si ils ont toujours des gens qui travaillent dessus
il était clair et net
quand ils ont racheté Gatsby
qui était très très intéressé par le hub
ils appelaient ça je ne me rappelle plus
Gatsby Hub
il me semble
c'était clair et net qu'ils étaient ce qu'ils voulaient
ils ont racheté pour ça
et exactement
quelques temps après
il nous sort un Netlify Connect
qui est d'équivalent
ou même la même chose, on va dire
ils ont peut-être utilisé et rebrandé ça
mais peut-être pas changé grand chose
et c'est le même système
qui est un système excellent
moi je trouve ça génial
qui est toujours accessible que part
pour les entreprises pour l'instant
mais c'est pour brancher différents services
c'est une sorte de
c'est un hub, tu branches un WordPress
tu branches un Shopify
tu branches Stripe n'importe
et après tu as une seule API
ou tu vas taper dans
c'est une sorte d'appli
Gateway qui vient centraliser
toutes tes données
et ce qui simplifie
le travail du developer front
il n'a pas accréé 20 000 clients
pour différentes sources
lui tout est fédéré
et tout est centralisé sur
cette API
Gateway
intéressant
un autre truc aussi
que j'ai utilisé
j'ai découvert ça mais sur le tard
j'ai découvert que c'était en place depuis super longtemps
chez Netlify
dans la CLI
il y a un paramètre qui s'appelle
Netlify Switch
ou en clair on peut
naviguer d'un compte à l'autre
parce que
si on n'est pas en compte pro
en fait
on se doit
de se déconnecter
et de se reconnecter via
par exemple si votre client
il a un compte Netlify et vous
vous devez accéder à ce compte là
vous avez un compte perso donc vous vous délogez
vous relogez et tout c'est un petit peu
contraignant et en fait avec
cette fonctionnalité
on peut switcher d'un compte à l'autre
et quand on est dev
et qu'on a plusieurs comptes à gérer
plusieurs comptes clients à gérer
mais en fait c'est
super pratique alors je sais pas si tu
connaissais ça
mais j'ai découvert ça il y a pas longtemps
et je dis mais ça c'est super
parce que justement
on peut switcher d'un compte à l'autre
mais c'est super confortable
et pour le coup c'est implémenté
depuis quasiment deux ans
mais je ne le suis pas fait
le mec se fait deux ans qu'il se fait chier
il a se délogué
exactement je suis mauvais
non mais des fois
des choses que tu vois pas
et puis tu la
découvres un jour deux ans après
c'est hyper pratique
ben tu as forcément
quand tu es dev en fait tu as des clients
qui disent différents comptes
pour nous tu vois on a un compte double slash
pour le site on a après des comptes perso
pour switcher d'un compte à l'autre
parce qu'à chaque fois les sites sont linkés
pour déployer tout ça
donc j'ai de changer de compte
donc ouais c'est hyper pratique
donc vous vous inquiétez pas
c'est vraiment sympa
si vous êtes utilisateur de Netlify
avec plusieurs comptes
c'est indispensable
sur compte gratuit
bien sûr
allez on passe
sur de
la DB
alors en regardant c'est pas ma passion
mais en fait il se trouve que
depuis
l'épisode sur les DB
en fait je me suis rendu compte que
souvent on utilisait mal les DB
pour faire super cours
si vous n'avez pas écouté cet épisode
allez voir l'épisode sur les bases de données
et à la fin de cet épisode
justement on parlait de toute cette
nouvelle génération de DB
où
chacun va pousser un petit peu
son paradigme
il se trouve que Edge DB
passe en version 3
majeure
donc c'est une version quand même majeure
pour faire un
très très vite
un résumé très très très très très
rapide
de qu'est ce qui est
Edge DB
le gros concept en fait
c'est
au lieu d'avoir des tables ou tout ça on va avoir
des types
et en fait
on va écrire notre schéma de la même manière
mais
les développeurs type script
vont s'y retrouver quasiment instantanément
et en fait
on va créer des
connexions avec très grave
donc les personnes qui font du grave
quelles vont aussi s'y retrouver
directement
par contre
comme toute nouvelle DB
ça va changer
la manière de faire
donc il faut
il y a une phase d'apprentissage
de
vraiment downboarding qui est
intéressant par contre pour les développeurs
qui viennent du
JS c'est quand même
assez facile à lire et on y est
proche quoi on y est
très très proche donc
ça vient faire abstraction
de plein de choses
voilà on va pouvoir
faire des joins
quasiment
dans la manière dont on va appeler
les données
ça va automatiquement
faire les joins pour nous
avec toute l'optimisation qu'il y a derrière
on va pouvoir faire
facilement aussi l'agrégation de données
voilà c'est assez
intéressant
évidemment c'est monstre performant
intéressant je pense que
juste par curiosité
il faut
toujours le même concept
c'est open source
après ils ont une version cloud
qui pour le coup
sera payante
je pense que ça sera un service
la technologie open source
tu veux l'utiliser c'est gratos
tu veux l'héberger
tu passes par notre service
par contre ce qui est intéressant c'est que c'est
une suranimation
non le site est super bien fait
après
de toute façon
ce qui est sûr
c'est que
aujourd'hui toutes les nouvelles technos
ils sont obligés
d'avoir un site qui claque
contrairement aux vieilles technos
pour remarquer la rupture
en moins de ce qu'on fait c'est super moderne
c'est super stylé
tout machin
donc c'est assez intéressant
c'est pas mal
c'est une surcouche
post-grec
c'est pas mal
parce que tu vois
leur système de schema
c'est pas mal du tout
parce que tu as vu ça gère
les migrations tout ça
tu écrites tes tables tout ça
assez simplement avec des sortes de
schema
tu peux même faire tes migrations
ça va générer les migrations
c'est quand même vachement plus facile
à écrire que des alters
des tables
le concept c'est pas mal
après
je pense pour vraiment gérer
et comprendre toute la puissance
il faut quand même passer
un minimum de temps
mais ce qui est sûr
tu vas écrire ton schéma
alors pour le coup Prisma le fait aussi
un peu où tu vas écrire
dans ton schema
en fait dans ton schema
point prisma ou là pour le coup
c'est esdl
tu vas
écrire ton schéma et au moment
où tu vas déployer ça va
te générer automatiquement la migration
et t'as pas à gérer ça à toi-même
donc tu mets à jour en fait ton schema
files qui est en fait
proche de
ton type files
enfin c'est assez proche
et donc
je pense que c'est
assez facile à utiliser
et derrière ça fait toute émigration
pour toi et tout ça
concept intéressant
nouvelle zb
aller regarder un petit peu
tu vois c'est fou en fait
quand tu te rends compte
quand tu utilises des trucs classiques
de manière classique
après t'as des choses comme ça
hyper avancées
c'est un confort en développement
c'est incroyable en fait
c'est vrai qu'on devrait utiliser un petit peu plus ces choses là
mais c'est toujours
le même débat c'est vieille technos
stable
matur et
technologie avancée technologique
avec toutes les nouvelles fonctionnalités que ça a
mais est-ce que c'est
suffisamment mature pour être en production
pour les 10-15 prochaines années
je sais pas
c'est ça en plus tu vois
ils ont un supersite qui est magnifique
mais ça y a rien à dire
après système marquement
mais ça se trouve derrière il y a deux gars dans un garage
mais le marketing
le marketing
réussi à
pousser des trucs
super forts là dessus
ils sont très très forts donc
peut-être à surveiller
à regarder et à suivre
exactement
aller
on bascule
chez le
majeur
on est obligé de parler de Versel maintenant
de Next
on les aime bien
ah non mais j'adore Versel
j'adore Next.js
il faudrait pas que les gens pensent que je déteste React maintenant
c'est pas le cas
j'adore React et Next.js
j'adore tous les frameworks
ouais non c'est un starter
qui a déjà existé
pour les abonnements
subscription payment
qui a été mis à jour
en fait avec
Next
version 13 app
avec des serveurs component
donc non seulement c'est intéressant
parce que tu peux l'utiliser
pour faire des trucs comme ça
mais surtout tu peux regarder le code aussi
pour voir comment ça a été fait
pour voir comment il a implémenté les serveurs component
c'est toujours intéressant d'avoir un projet réel
pour progresser dans sa façon de coder
donc inspecter le code et pour pas utiliser le
en simple lecture
déjà ça suffit quoi
en simple lecture
mais tu vois après c'est assez facile
tu l'instaltes sur Versel, tu as SuperBase etc
tu peux faire un système avec Stripe
et tu peux faire un système d'abonnement
c'est une plateforme qui te permet de générer ça
donc c'est pas mal
et pour le coup le template
est open source, tu peux le forquer
et l'utiliser directement
ouais ouais
après c'est ce genre de choses qui sont
supportées par Versel
tu vois parce que c'est important d'avoir des exemples
de vrais projets tout ça
ouais bien sûr
ok et
Versel nous sort
un SDK
plug
enfin un SDK
hyper rapide et facile à implémenter
pour aller récupérer toutes les IA
ouais c'est ça
et ouais ils ont sorti un SDK
AI alors ils ont
il y a même
un playground
qui existe pour tester les différentes
IA
voir celles qui répondent
enfin c'est le play.versel.ai
voilà
il y a 20
intelligences artificielles que tu peux
plugger
non c'est vraiment pour tester
tu test, tu discutes
tu changes de différents modèles
donc c'est
ils investissent, ça fond sur l'IA
donc c'est un SDK qui permet de faire des services
qui interroge des IA
un truc qui permet de faire ça plus rapidement
ouais et après
ce que je vois c'est qu'ils sont en train de
faire comme ils ont déjà fait
sur la DB
en fait ils font
des espèces de facilitateurs
pour brancher les services
et comme ça
l'utilisateur qui est chez Versel n'a pas besoin
de créer son service
directement chez le provider
il donne un connecteur
et en fait il devienne vraiment une plateforme
où tout est centralisé
et il facilite la vie du
développeur
après, le truc
sous-jacent que je vois
avec IA
et là pour le coup c'est vraiment pure tech
et technologiquement parlant
ça vient aussi pousser
le rendu
par stream
donc en fait au lieu d'avoir
un payload qui nous est rendu
définitif et la connexion est terminée
c'est fini, tu m'as posé une question
je te renvoie de l'info terminé
là en fait vu qu'il y a
de manière génératrice
génératrie
elle va générer un
payload
au fur et à mesure
et en fait ils vont streamer
ces informations
ce qui veut dire que la connexion va rester
ouvert et on va envoyer
des payloads au fur et à mesure
et donc ça technologiquement
c'est pas du tout la même approche
parce que c'est pas
en voie demande réponse
c'est demande et réponse progressive
et au fur et à mesure
et les IA
fonctionnent
avec un système comme ça
tous les frameworks
viennent implémenter
mais beaucoup plus rapidement
ce système de
stream
on envoie de la réponse
au fur et à mesure
et une fois que la réponse est terminée
la connexion pour le coup est terminée
et ce système
technologiquement qui était un peu en expérimental
depuis pas mal de temps
d'un seul coup tout
les providers donc les necks
les veldt machin
viennent implémenter
ce système-là dans leur
techno pour pouvoir
supporter l'IA
donc
c'est pas uniquement
sur l'utilisation de l'IA pure
mais la technologie sous-jacente
qui est aussi hyper intéressante
oui tout les frameworks
maintenant supportent le streaming
tout ça le rendu streaming
dans l'exemple qui donne
une sorte de socket
à IOU
c'est vrai que
j'avais pas fait gaffe à ça
les examens
sont hyper simples
ça permet d'implementer
un prompt assez rapidement
avec un exemple réactu stand-sou
qui implémente le truc super facilement
c'est cool
je ne sais pas ce que les gens peuvent en faire
mais intéressant à suivre
à suivre
exactement
à suivre
en fait
je ne sais pas
si vous utilisez
toi Patrick ou les auditeurs
mais utilise Zod
qui est une
librairie qui nous permet de
valider tous les types
mais bien plus
et là
on va pouvoir
valider les types
dans les variables d'environnement
c'est ça ?
c'est ça un exemple
c'est un gars qui donne
un exemple de comment
tu sais
soit ça peut être un point
soit ça peut être des variables d'environnement
qui arrivent sur netlify que tu as rentré dans la console
en cilite
ça permet de valider
que tes variables d'environnement
sont toutes là, toutes complètes
et dans le bon format
donc il donne l'exemple
de comment tu peux faire
une validation de tes variables d'environnement
dans ton code
assez intéressant
ça va être déclenché quand ?
c'est au moment du build
ou c'est au moment de la...
c'est quand que tu vas faire cette validation ?
ça dépend en fait si ton app
si une app Node qui tourne sur un serveur
ça va être quand elle va tourner
soit si c'est une app
que tu prérends
soit au moment du build
où il va charger des variables d'environnement
soit c'est un serveur
ou il va tourner
c'est au moment où ça appelait
d'utiliser des variables d'environnement
il va dire
t'as oublié cette variable
sur des projets
tu peux avoir
20 variables d'environnement
en fonction de la recherche
si tu l'oublies
ça marche pas et tu comprends pas pourquoi
avec un système comme ça
tu as oublié cette variable
très intéressant
je pense que ça amène
plus de stabilité
de confort, de sécurité
en fait
tu viens...
je vois ça comme une sorte de test
pour les variables d'environnement
est-ce qu'on est sûrs d'avoir toutes les variables
d'environnement
après, intéressant
très intéressant
oui
on avait...
attend, t'as oublié je crois
j'ai oublié quelque chose
stack
et...
ok, et qu'est-ce que c'est que ça ?
qu'est-ce que c'est
en fait c'est un...
pour les utilisateurs de Mac principalement
parce que Linux forcément t'as pas de problème
pour utiliser Docker
Docker desktop sur Mac
si vous l'utilisez
moi j'utilise...
c'est assez gourmand
c'est lent des fois à lancer tout ça
tu utilises toi...
Docker desktop ?
quand tu le lance des fois
il met un petit moment en vente des maris
même si on va dire sur les deux dernières années
ils ont fait quand même beaucoup d'efforts
c'est clair
avant c'était vraiment catastrophique
maintenant c'est un petit peu mieux
par contre
ce que je comprend c'est que ce logiciel
vient exploser les perfs
c'est ça ?
c'est un remplissant de Docker desktop
donc utilisez ça pour tout ce qui est container
Docker tout ça
et je l'ai pas installé
je l'ai téléchargé mais je l'ai pas installé
et quand tu descends dans la bas de la page
tu as les comparaisons avec Docker desktop
qui sont assez hallucinantes
donc start-up
d'en horstack c'est 2 secondes alors que Docker desktop
c'est 15 secondes
c'est plus usage
c'est 0,1% d'horstack
Docker desktop c'est 25% de CPU
c'est juste hallucinant
halluciné aussi c'est la mémoire
mémoire c'est Docker desktop
c'est 8 gigas
et horstack c'est 687 mégas
après quand tu rajoutes
toutes tes
toutes tes images
qui viennent en plus
des gigas et des gigas
ça fait beaucoup
beaucoup de choses
une bonne alternative
à Docker desktop pour direr Docker sur la Mac
à tester
moi je vais pas tester perceaut
je vais tester très prochainement
parce que des fois je manque un peu de RAM
moi je vais tester direct
tout de suite
et je vais voir comment ça marche
et on fera un retour une fois qu'on aura un petit peu plus de maturité
sur l'utilisation de cet outil
oui
allez on parle de PHP vite
oui
il y a des news en vrac
PHP 8.3 qui est pour de son nez
là ils sont en alpha
je sais pas quand ils ont prévu de sortir la version finale
mais ça va assez rapidement
donc voilà il y a plein de nouveautés
23 novembre c'est annoncé
ah bah oui je sais pas lire
c'est marqué en gros
23 novembre
je crois que l'année dernière le 8.2 était sorti à peu près la même date
donc il me semble
donc voilà plein de nouveautés
PHP qui devient
qui évolue vraiment
très très très très bien
depuis la version 7 mais alors 8 c'est encore mieux
ils ont implémenté plein de choses
qui sont vraiment top
et le langage s'améliore vraiment
pour moi ça devient vraiment un vrai langage
de programmation ce qui n'était pas à la base
et voilà il y a plein de choses qui sont en plus
c'est dur
non mais faut dire la vérité
PHP n'était pas un langage de programmation à la base
c'était un programme
c'était un interprèteur pour faire des pas jouer
c'était pas du tout destiné à faire ce qu'on en fait aujourd'hui
voilà
je sais pas comment il s'appelle l'inventeur de PHP
mais si il avait
jamais pensé qu'on fasse des
frémoires complets comme la Ravel, Symphonie
et tout ça
avec PHP
et aujourd'hui c'est un vrai langage de programmation
on peut le dire
et donc voilà il y a plein de rajouts qui sont pris d'autres langages
etc
il y a beaucoup de typages maintenant
il y a beaucoup de choses comme ça
et donc
intéressez-vous
à l'évolution de PHP
cette nouvelle façon d'écrire tout ça
c'est toujours intéressant
évidemment attention de savoir
quelle version de PHP vous travaillez
si vous êtes sur un projet
vérifiez la version du serveur
avant d'implementer des nouvelles choses
parce que ça va péter juste le projet
quand il sera en production
ok
à suivre
allez on passe sur
des news peut-être un petit peu plus
en vrac
native PHP
c'est quoi ça ?
c'est un truc
j'ai découvert ça il y a pas longtemps
j'ai demandé à la Ravel Jutsu
exactement
hier soir
en fait
c'est un package
la Ravel qui va permettre
de faire des... tu vois Tauris
on fait des applications de Tauris
pour le desktop
c'est du Rust
mais en fait
c'est un peu le même système ça va pouvoir faire
des applications natives
de desktop avec PHP qui tourne derrière
et on aura accès
aux API de l'ordinateur
des notifications
c'est pas encore
sorti ça arrive à surveiller
parce que c'est pas très intéressant
pour faire des applications
de desktop professionnelles
en faisant tourner PHP derrière
ça
à suivre
ça marche
la ra...
donc pareil dans le même délire de la conférence
la Ravel
il y a la... la Ra...
c'est quoi la Raconf ?
la Racon US
la Racon
la Racon c'est un peu...
le 20 juillet
et donc Calep Bordio
qui est le créateur
de... un rappel moi
Alpin.js
va du coup
qui travaille aussi sur LiveWire
et donc qui annonce la version 3
pour le 20 juillet
donc intéressant la voyeur
donc le dernier épisode on parlait de la Ravel
avec la Ravel Jutsu
on a parlé de la LiveWire
qui permet d'implementer de JavaScript
d'avoir une application
SPR
en quelque sorte sans écrire trop de JavaScript
et donc la version 3 arrive en LiveWire
et on a aussi une précision
sur YouTube
de Daniel RMC
qui précisaient
en fait par rapport à le dernier épisode
que LiveWire, parce que nous on disait
tu peux faire du... tu peux rendre ton application
JavaScript sans écrire de JavaScript
lui il a précisé quand même que LiveWire
il doit être plugué avec Alpin.js
donc du coup voilà qui allèvent
et il faut quand même
avoir des connaissances dans JavaScript
pour pouvoir implémenter
LiveWire donc
ce qui se tient de toute façon quand tu fais
des jointsurs avec des technos
il faut que tu maîtrises quand même les deux technos que tu utilises
sinon...
je branche
et pif paf
ça fait des jeux Capic tout seul
c'est la magie quoi
ça marche pas toujours
ça marche pas toujours
c'est intéressant de faire des retours comme ça
sur les vidéos tout ça ou même le podcast
sur audio, n'hésitez pas à laisser des commentaires
si il y a des choses qu'on se trompe
ou vous voulez mettre des compléments comme ça
comme la fait Daniel
n'hésitez pas
au plaisir, évidemment plaisir
est-ce qu'on est pas
en train de
réduire
le chemin entre le design
et le développeur
avec cette nouvelle extension
ou c'est le dev mode en fait
de chez Figma
je sais pas
je sais pas trop
mais
en fait c'est un nouveau...
Figma
ils ont sorti un nouveau mode dev
qui est hyper intéressant
et je l'ai là je viens de l'installer sur mon Figma
qui te permet
dans une maquette
de passer un mode dev
et de pouvoir avoir une meilleure vision
en fait des éléments
des dimensions etc
ça te sort du code CSS personnellement
je n'ai jamais utilisé mais peut-être
ça peut être intéressant
je crois qu'il gère le Tywin
il peut générer du code Tywin
il y a un nouveau mode qui est hyper intéressant
il te fise vraiment clairement les marges
parce que souvent c'est pas évident
sans ce mode
d'avoir vraiment la taille des éléments
combien de marges
il faut toujours chercher un petit peu
et surtout
il ne va pas te variablez le truc
donc il va utiliser tout le temps
la valeur absolue
24 pixels
mais si toi tu l'as mis dans une variable
il ne va pas te dire que ça c'est tel variable
et donc apparemment
ça va être beaucoup plus poussé
plus smart
donc super intéressant
je viens de l'installer, je vais pas encore tester
mais j'ai des maquettes à implémenter
ça me semble pas mal
excellent
ok
cool
très très rapidement
Next qui passe en version 3.6
toujours dans cette même
continuité
d'améliorer la performance
de passer toujours
exactement un petit peu plus
de performance
d'un meilleur contrôle
de granulométrie
sur les animations
si on veut passer
des animations
dans les navigations de pages
surtout si on utilise des librairies
type gsap ou motion
on a plus
de contrôle
il y est aussi augmenté
le type page
donc ça c'est plus intéressant
parce que plus c'est typé
plus c'est facile à utiliser
merci
l'auto complétion et tout ça
et pareil
d'autant plus
de template
et d'outils
pour les créateurs
de modules
et donc ça c'est
sympa toujours à utiliser
moi ce que j'ai remarqué surtout
c'est la fully static
server component
donc pas mal
c'est la disponibilité
des servers component sur un site static
comme le site du podcast
où il va séparer
les éléments
sur le rendu statique
pour vraiment les encapsuler
j'avais commencé à tester
comme tu as vu sur github
je suis très curieux de tester
cette nouvelle version
donc
version
le mieux
pour
pour upgrader c'est vraiment d'utiliser
la CLI
qui va en fait désinstaller
toutes les anciennes versions
et ça fait tout seul assez propre
et donc ça c'est plutôt
confort
allez
vite fait on parle de
builderio qui vient avec un post
sur leur blog
de 50 prompt
pour chat jbt
qui sont
à utiliser pour les développeurs web
intéressant
est ce que toi tu as déjà testé
c'est fiable
c'est prompt
je n'ai pas testé ces prompts
mais il explique
comment écrire ton prompt correctement
pour obtenir
ce que tu veux
je vais tester
encore cette semaine j'ai fait du piton
alors que je ne connais rien du tout
pour scraper un site
légal
c'est un site qui nous appartient
je précise
voilà
je dois migrer un site
pour faire court je dois migrer un site
c'est un type au 3
donc j'ai décidé de scraper le site
plutôt que de faire une migration via
la base tout ça
et donc je fais scrapy
qui est du piton et qui permet de scraper
et j'aide avec chat jbt pour me dire
comment je peux faire ci, comment je peux faire ça
ça m'aide pas mal mais du coup je vais peut-être
utiliser le 3 prompts pour mieux écrire
et avoir les meilleurs résultats
après
je vois un parallèle direct avec
comment on structure
notre recherche sur google
là c'est exactement pareil, comment je structure
ma demande à chat jbt
c'est exactement pareil
les mécanismes sont exactement
pareil
donc intéressant
code bar
QR code en hdr
alors je suis assez sceptique
à ce truc est-ce que tu peux me expliquer
l'intérêt
de faire des QR codes hdr
non en fait
alors je trouvais ça intéressant
c'est un exemple d'un gars
d'ailleurs s'il a donné le code sur github
il explique comment afficher
un QR code
en utilisant le tag vidéo
en mode hdr
pour rendre ce QR code
hyper lumineux
c'est à dire que
quand tu prends l'avion avec zidjet
par exemple
pas faire de pub
tu dois à un moment donné pour entrer
pour embarquer, tu donnes ton QR code
et le passe sur le scanner la personne
c'est obligé d'augmenter la luminosité
pour qu'il sorte bien et que ce soit lisible
et en fait lui il a trouvé une astuce
pour dans une page
dans une web app ou n'importe quoi
rendre ce QR code naturellement
super lumineux en fait par rapport aux autres éléments
donc c'est une astuce qu'il utilise
avec la vidéo y converti en hdr
et ça marche super bien
quand tu es sur un iphone
c'est hyper lumineux, tu as le QR code
qui brille au milieu
c'est intéressant, ça peut être utile
pour des gens qui utilisent des QR codes
qui font des web apps
pour des événements
des choses comme ça où les gens doivent passer le QR code
c'est pas mal
donc l'exemple est intéressant
tout est dispo sur github, tout est expliqué
ok
je comprends mieux l'utilisation de l'hdr
sur des QR codes
ouais c'est assez particulier
quand même
ouais c'est un détournement du truc vidéo
mais ça marche super bien en fait
je sais pas si en temps
j'ai le voisin qui fait un petit peu de tronçonneuse
mais j'espère que ça s'entend pas trop
ça fait partie des joies du podcast
dans l'épisode
où on avait
Erwin
je crois qui était venu nous parler de web performance
et là
petit article
d'un site qui s'appelle
web perf
snippet
j'arrive pas à le dire
et en fait il nous explique
comment implémenter
en fait c'est
une doc en fait
carrément une doc
je sais pas avec quoi il a fait
qui donne plein de snippets
en fait pour
utiliser l'API web perf
dans ton navigateur et analyser
les éléments
les lcp tout ça
il y a vraiment tout plein de codes
pour utiliser l'API de web perf
pour mesurer
des éléments spécifiques
qui peuvent prendre du temps
et trouver les éléments qui vont te ralentir ta page
il y a tout plein de snippets
tu vas dans interaction
et tout ça
sur le côté dans le menu
tu verras qu'il y a plein de snippets qui permettent de savoir
quel élément
il y a tout un code
et c'est vraiment pour utiliser les API
de Chrome pour tout ce qui est web perf
avec les observers
donc c'est assez poussé
c'est assez poussé
mais les gens qui sont vraiment spécialisés
c'est intéressant d'avoir tous ces snippets disponibles
après
il y a un niveau
de perf
à les chercher
on va peut-être pas utiliser
ce type d'outil
si on est débutant
en web perf
on va se concentrer sur les fondamentaux
comme il nous explique
et
après
si on veut aller un peu plus loin
on peut utiliser tous ces snippets
qui vont nous aider
à récupérer de l'info
oui
et
dans la suite logique
de toute façon
DevTools qui est embarquée
dans Chrome se met à jour
et donc le DevTools vient aussi avec
des nouvelles fonctionnalités
ouais plein de choses
et ouais mais là c'est pareil
les sun feeds
les subgrades
et pour le coup je crois que c'était
Firefox qui avait implementé
en premier
cette fonctionnalité de voir les grides
à l'intérieur du DevTools
ouais
et donc c'était super agréable
et bon
et donc évidemment
ils ne sont pas piqués d'idées
mais ça a été implementé aussi sur
Chrome
les grides et maintenant
on passe au niveau dans-dessous
qui sont les subgrades
et donc on a les deux
qui sont implementés
ouais c'est pas mal ça
en fait ils adaptent aux nouveautés CSS
simplement donc logique
ça suit contrairement à sa farie
je suis pas l'anse
donc voilà il y a plein de nouveautés
qui est avec des nouvelles propriétés
etc etc
donc c'est cool quoi
après
ce qui est intéressant aussi
là on voit sur
des petits tout le type
où en fait quand on passe la souris
sur la variable
en fait on voit la valeur
de cette variable
ça c'est tout bête
mais c'est super pratique
parce que en fait
ok dans mon contexte j'ai le nom
d'une variable mais je ne sais pas
quelle est sa valeur et donc là
je le vois directement en tout
ouais actuellement
quand tu cliques sur la variable
il t'envoie en bas
du panneau styles
où il y a toutes les variables
en fait c'est à la route avec toutes les variables
donc ça décale tout en bas
ouais mais tu perds ton contexte quoi
voilà tu perds ton contexte
et pareil sur
l'interprétation de tes fichiers CSS
qui sont post-processés
donc ça c'est CSS
il vient de mettre le petit carré
de couleur devant
devant le code
hexadecimal
c'est que tes petits trucs mais c'est quand même super sympa
ah ouais mais tous les jours tu gagnes du temps
exactement
non c'est cool
cool
il y aura une dernière vidéo
on a une dernière vidéo
dis-moi
je l'ai mis juste
à la fin
c'est Addy Osmani
qui a fait une petite vidéo
elle date même pas d'une semaine
intéressant
qui dure une petite demi-heure
sur le
le coup de JavaScript
on revient là dessus
cost of JavaScript
il explique
l'hydratation
comment ça marche
toujours la même chose
c'est toujours intéressant
de regarder ces vidéos
elle est bien faite
d'informer comment ça marche
tous ces
indicateurs de performance
lui il dit que de toute façon on va arriver
à 0% de JavaScript
pas longtemps
au chargement je parle
au chargement on n'aura plus rien
en JavaScript et tout sera chargé après
et ça
on vient décaler
le chargement de ce JavaScript
et comme ça la première interaction est d'autant plus
limitée
il y aura le lien de cette vidéo
dans les notes
parfait
top patrick
un épisode news un peu plus long
d'habitude
mais on a
brossé très large
sur tous les sujets
un grand merci
pour tous ceux qui sont restés jusqu'au bout
pensez à nous mettre un petit like
un petit commentaire par les podcasts
à vos collègues
ça fait toujours plaisir
et si vous avez envie qu'on aborde un sujet
envoyez nous un petit message, un petit commentaire
et on en prendra compte
et ça fait toujours plaisir
un grand merci patrick
merci à tout le monde
ciao ciao à la prochaine
c'est qui le connard
qui fait de la tronçonnage
Episode suivant:
Les infos glanées
DoubleSlashPodcast
Double Slash, un podcast sur le développement web. Retrouvez-nous régulièrement pour parler de sujets variés tels que la JAMStack, l’accessibilité, l’écoconception, React.js, Vue.js, Next.js, Nuxt.js, le CSS et des retours d’expériences sur des implémentations.
Tags
Card title
[{'term': 'Technology', 'label': None, 'scheme': None}, {'term': 'Technology', 'label': None, 'scheme': 'http://www.itunes.com/'}]
Go somewhere
Redis, pour le cache mais pas que !