Bienvenue sur Double Slash, le podcast dédié aux outils et aux techniques pour le développement
web.
Bonjour à tous, bienvenue sur ce nouvel épisode de Double Slash.
Comme d'habitude, je suis avec Alex.
Salut Alex.
Salut Patrick, salut tout le monde.
Donc heureux de vous retrouver pour ce dernier épisode de l'année, épisode spécial News,
donc nous sommes en décembre 2022.
Et donc petit rappel, si vous aimez le podcast et que vous avez envie de nous soutenir un
petit peu financièrement, vous pouvez aller sur le site doubleslash.dev pour dans la rubrique
soutenir et vous pouvez faire une petite donation pour le podcast pour nous aider à payer nos
logiciels, nos rébergements, etc.
Ça nous fera très plaisir.
Après, il n'y a aucune obligation.
Vous pouvez continuer à écouter le podcast sans problème, même si vous ne donnez rien.
Voilà, c'est totalement gratuit et on est heureux de le faire.
Merci à ceux qui donnent et à ceux qui nous écoutent.
Et si vous ne pouvez pas partager et nous aider de manière financière, vous pouvez
de toute façon partager l'information à vos collègues et nous suivre sur les réseaux
et communiquer et promouvoir, partager le podcast.
Oui, partager le podcast et venez discuter avec nous sur le discord de Double Slash.
Tous les liens sont sur le Twitter de Double Slash.
Donc, venez nous voir, on discute et ça nous fait plaisir de discuter avec tout le monde.
Il s'est passé plein de choses.
On l'a déjà dit, il y avait plein de conférences.
Est-ce qu'on n'est pas rentrés dans une zone où maintenant les devs arrivent en
overdose de confs ?
Eh bien, écoute, moi, personnellement, oui, j'arrive en overdose de confs.
Je trouve qu'il y en a beaucoup trop.
Ces derniers états, en plus, il y en a eu beaucoup.
Je crois qu'il y en a un petit peu trop.
En plus, c'est souvent les mêmes personnes qui passent d'une conf à l'autre.
C'est à peu près toujours la même chose, en plus.
Après l'épisode Covid, il y avait beaucoup de conf en ligne.
On a gardé cette méthode un peu de conf en ligne.
Il y a eu un lieu présentiel qui est revenu.
Et ça fait beaucoup.
Tout le monde essaie de faire sa petite conf, tout ça.
Donc, oui, un petit peu de grandeur.
Je pense qu'il faut arriver à un stade de maturité où garder peut-être les grands événements.
Mais quand tout est concentré en même temps, peut-être qu'on arrive à un stade de maturité.
Il y avait une zone d'overdose.
Et on a vu, ça fait un peu scandale sur tous les réseaux.
Mais il y avait beaucoup de présentateurs, de speakers qui parlaient à une conférence sur Londres.
Ils ont eu des retours où, eux, en tant que speakers, leur workshop a été annulé,
leur organisation n'a pas été super tip top.
Ils devaient être filmés, après, c'était plus du tout filmé.
Donc, c'est un peu jazé.
Et je pense que, ouais, je pense que 2023, il y aura une certaine maturité.
Et si on peut peut-être avoir moins d'événements, peut-être un petit peu plus qualitatifs,
et à la fois en présentiel, à la fois en vidéo,
mais sur des vidéos hyper bien organisées, bien structurées et tout, je pense qu'on gagnerait...
On qualitait.

Évidemment.
Après, il y a eu la NuxConf aussi.
Il n'y a pas l'heure chez la pierre, mais il y a quelques loupés sur la NuxConf
au niveau du système qui était utilisé pour faire la retransmission.
Bon, c'est un peu bugué.
Donc après, ce n'est pas leur faute.
Voilà, il y a beaucoup de monde qui était connecté.
Et puis après aussi, je trouve qu'il y a beaucoup de contenus.
Ces derniers temps, on a énormément de contenus en vidéo disponibles.
Et personnellement, je n'arrive plus à le regarder.
En fait, il y en a trop.
Je ne peux pas tout suivre.
Donc, peut-être qu'il y a un moment donné.
Ouais, c'est exactement ça.
C'est en fait, avant, on était sur un secteur hyper niché
où il y avait deux, trois, quatre personnes,
on va dire une dizaine de personnes qui créaient beaucoup de contenus.
Je pense que l'épisode Covid,
où beaucoup de créateurs de contenus se sont mis sur le créneau, en fait,
et où des développeurs veulent partager.
Mais à la limite, un peu comme nous aussi, on partage.
Ouais, on en fait partie.
Voilà, on en fait partie et ça arrive à une saturation
où en fait, il y a beaucoup, beaucoup trop de gens
qui parlent du même sujet
avec des angles de vue parfois pas toujours super original.
Donc, il y a beaucoup, beaucoup de saturation.
C'est clair.
Bon, on verra.
Après, juste en appartez, il y a encore...
Tu sais, il y avait des webinars qui se faisaient pendant la Covid.
D'ailleurs, il y a une overdose de webinars.
Après un moment donné.
Il y a encore des marques qui font des webinars.
Gatsby en fait beaucoup, en fait.
Ça me fait assez halluciner.
C'est que eux aussi, ils font beaucoup de contenus comme ça.
Webinar, webinar, je reçois beaucoup de mails de Gatsby.
Donc, voilà.
Après, est-ce qu'il n'y aurait pas une tendance et maintenant
une migration sur des trucs un peu plus workshops?
C'est-à-dire, on prend une journée, on est en présentiel ou en distanciel.
Mais c'est un workshop structuré, organisé sur une thématique bien précise.
Le workshop est soit payant, soit gratos.
Mais je pense qu'il y a un format un petit peu plus intéressant
parce que c'est ultra ciblé, ultra niché.
Et pour le coup, on arrive avec une qualité de plus en plus élevée.
Donc, ça peut être aussi intéressant.
Il faut...
Et c'est moins du contenu qu'on consomme parce que un workshop,
on a les mains dans le cambouille, on y va et on va coder, on va faire en même temps.
Et donc, je pense que ça, ça peut être super intéressant en termes d'approche.
Carrément.
Ouais, de toute façon, il faut, puisqu'en plus, sur certaines confes en présentiel,
les tickets d'entrée sont assez élevés, mais vraiment très élevés.
Oui.
Donc, si tu peux y aller et faire des workshops et apprendre quelque chose,
et revenir à quelque chose, c'est plutôt bénéfique.
Après, je pense qu'à un moment donné, si tu veux, ça va filtrer.
Parce que les présentiels, quand il y a trop de confes, en fait,
les gens ne peuvent pas toutes les faire.
Donc, ils ne vont aller que celles qui sont vraiment intéressantes.
Et donc, les gens ont rendu mal à faire venir des gens.
Enfin, les confes ont rendu mal à faire venir des gens.
Et à un moment donné, ils vont arrêter.
Donc, il restera que les bonnes conférences.
Enfin, j'espère.
Trouver une maturité sur la qualité, quoi.
Carrément.
Ouais.

Carrément.
Carrément.
On parle de VIT qui passe en V4.
Version 4 de VIT, ça ne fait même pas cinq mois qu'ils ont sorti la version 3.
Ils passent déjà en version 4.
On ne va pas reparler de versioning, mais on va dire maintenant,
c'est classique, en fait.
Donc, pas surprenant.
Par contre, qu'est-ce que ça a...
C'est...
Quel est la grosse nouveauté ?
Alors, il n'y a pas d'échangement de dingue, en fait.
Pour la preuve, c'est que j'ai fait...
Je suis passé de la 3 à la 4 sur un projet,
mais ça n'a rien changé, en fait.
Donc, à moins...
En fait, la seule chose où on peut avoir des problèmes,
c'est si vraiment on a peau finé certains réglages,
comme pour roll-up, des choses comme ça.
Mais dans l'ensemble, si vous avez une configuration
qui est assez basique, assez simple,
ou que vous pouvez passer à la carte,
ça ne cassera rien du tout.
Et du coup, justement, ça a changé.
En fait, la version de roll-up peut passer à la version 3.
Donc, évidemment, optimisation, amélioration,
plus rapide, enfin, toujours la même histoire,
toujours plus rapide.
La perfe, la perfe, la perfe.
Et dans l'ensemble, il n'y a pas de gros changements,
il y a quelques changements,
il y a des petits breaking changes sur le CSS,
le fichier.env,
mais alors, c'est vraiment des petits...
Voilà, sur le caractère d'IS ou des trucs comme ça.
C'est vraiment hyper minime.
Donc, dans l'ensemble, la version 4 fonctionne très bien.
On ne verra pas trop la différence.
Et vous pouvez passer des...
Aujourd'hui, la version 4, sans problème.
Alors, après, ce qu'ils ont bien mentionné,
donc, il y a un article, on mettra le lien.
C'est que de plus en plus de frameworks et de développeurs adoptent vite.
On l'a vu avec Astro, Nux, etc.
Quique, voilà.
Storybook le prend en charge maintenant aussi.
Donc, vite devient de plus en plus important dans la communauté.
Et donc, voilà, ça continue.
Après, on se rappelle que Vite, c'est quand même un outil
pour la phase de développement.
C'est pour la phase de développement.
On ne va pas mettre ça en prod.
C'est juste pour le développement.
Donc, pour rappel, vite, le fonctionnement, c'est qu'en mode Dev,
il utilise les modules JavaScript.
Donc, tout est sous forme de module.
Donc, il n'y a pas de bundle qui est compilé avec un gros fichier, etc.
Comme peuvent le faire à Webpack ou des choses comme ça.
Et ensuite, par contre, en production,
on s'est compilé sur un bundle, un gros bundle, comme le fait Webpack.
L'avantage, c'est qu'au niveau développement,
c'est hyper rapide, hyper simple.
Et ça change uniquement le fichier que vous avez modifié.
Voilà, le autre module Replace change uniquement ce que vous avez changé.
Donc, c'est beaucoup plus rapide en phase de développement.
À noter, il y a un nouveau plugin pour React qui remplace Babel via SWC,
qui est un compiler JavaScript un peu plus efficace et rapide, écrit en Rust.
Ah, le fameux Rust, il fallait quoi ?
Toujours.
Par contre, est-ce que ce plugin-là,
il est spécifique si on utilise React ou il est complètement agnostic ?
Non, c'est vraiment React.
C'est vraiment plugin React SWC.
Et il n'y a pas du tout de breaking change sur la version 3 à 4 ?
De vite, non.
Sur vite.
Enfin, il y a deux, trois petits trucs, mais alors,
c'est vraiment pour si tu as peaufiné tes réglages,
mais je ne pense pas que ça soit hyper utilisé.
Ok.
Ça m'étonnerait que ça, il y a beaucoup de gens qui aient des problèmes.
La grosse majorité n'aura aucun changement.
Fluide, c'est bon ça.
Mis Update et ça passe, nickel.
Pareil, mise à jour de Angular 15.
Yes, Angular 15.
Sur une nouvelle version.
Oui, oui, assez vite, je ne sais plus que six mois, je ne sais plus combien en fait.
Mais en fait, ce que je vois principalement,
alors on n'est pas des spécialistes Angular,
on en fait pas, enfin moi perso, je ne l'en fais pas au quotidien,
je n'en fais jamais d'ailleurs.
Mais ce que je remarque, c'est qu' Angular se simplifie de plus en plus,
en fait, d'après ce que j'ai vu sur la version 15,
en fait, le NG module n'est plus obligatoire pour créer des compagnies,
enfin des choses comme ça.
En fait, il simplifie de plus en plus la façon de créer les choses.
Tu sais, Angular, c'est assez strict.
Verbeux.
Oui, c'est un peu verbeux, il faut créer pas mal de fichiers, etc.
Ce qui plaît beaucoup, développeurs j'avais en général.
C'est très structuré.
Et en fait, ce qui se passe, j'ai l'impression que,
plus en plus, au fil des versions, il simplifie tout ça,
en fait, de moins en moins verbeux, de moins en moins de fichiers.
Donc voilà.
Et peut-être...
Il y a un peu plus d'arrêté.
Et ouais, de toute façon, c'est un pattern qu'on voit apparaître
sur tous les réactes, enfin tous les frameworks.
Chaque framework majeur va aller prendre des inspirations chez les autres,
et donc il va récupérer les bonnes pratiques,
en tout cas ce que les gens ont considéré comme bonnes pratiques,
et c'est plutôt pas mal.
PrestaShop qui sort en version 8.
Ouais.
En PrestaShop, on en parle jamais, mais alors jamais,
c'est la première fois peut-être.
Mais ouais, après, on peut panier que dans l'écosystème e-commerce français,
PrestaShop prend une place quand même.
Ah, mais c'est très français.
PrestaShop est très présent en France,
et d'ailleurs, c'est un produit qui est français à la base,
enfin, ça a été créé par des Français,
et qui est passé en version 8.
Alors il y a peu d'infos,
il faut savoir qu'il est passé en version 8 le 16 octobre,
enfin, la release a été sorti officiellement le 16 octobre 2022,
on n'en a quasiment pas entendu parler.
C'est très difficile de trouver des infos dessus,
donc c'est voilà.
Pourquoi ?
Ça pêche un peu de ce côté-là,
je sais pas, je sais pas.
Ok.
Et donc, de ce que j'ai trouvé en fait,
déjà à la base, les gens qui connaissent PrestaShop,
ils connaissent les versions,
alors les dernières versions c'était la 1.7,
qui a été assez compliquée à sortir, etc.
Voilà, qui était vraiment un peu bugué,
les gens ne voulaient pas passer dessus, etc.
Donc c'était très complexe, très complexe,
et ils sont rendus compte que le numéro de version 1
devant le 7 ne servait à rien, en fait.
Donc c'est pour ça qu'il passe directement sur la 8, en fait.
Il supprime le 1, il supprime le 4.
Oui, il supprime le 1.
Il passe en version 8.

Voilà, directement.
Donc, qu'est-ce que ça apporte ?
Ça apporte déjà deux versions, en fait,
puisqu'entre temps, il y a eu pas mal de romaniement
des équipes, etc.
Donc maintenant, il y aura deux versions de PrestaShop,
en fait, il y en a un qui s'appelle PrestaShop Project,
qui est la version open source,
puisqu'à la base c'est open source PrestaShop.
Donc il sera disponible sur le GitHub de PrestaShop,
et voilà, c'est open source, c'est pour la communauté,
c'est la communauté, etc.
Et ensuite, il y a une version PrestaShop.com,
qui est avec une version payante,
avec des add-ons qui sont inclus d'origine, etc.
Donc voilà, il y a deux versions de séparation,
et ensuite, cette version apporte un gros nettoyage
au niveau du code.
Il passe à la version de Symfoni 4.4,
sachant qu'il vient de sortir la 6.
Voilà.
Il t'est dit.
Et sur Twig version 3.
Donc ça évolue, ça avance.
A priori, c'est plutôt pas mal,
il y a de la meilleure ration aussi au niveau de l'admine,
aussi pour la gestion des produits, tout ça.
Mais PrestaShop est un bon produit dans l'ensemble.
Après, malheureusement,
le Headless, c'est pas encore pour cette version.
Ah, d'accord.
Donc en fait, il reste encore sur cette vision
un petit peu monolithique du e-commerce.
Totalement.
Je pense que le Headless est très attendu,
mais malheureusement, pour l'instant,
c'est pas encore là.
Après, les devs,
ou on va dire, la gouvernance
sur ce produit-là,
a fait le choix de rester sur cette architecture.
Ouais, après, c'est peut-être que...
Enfin, j'ai pas lu tous les détails,
et peut-être c'est prévu dans une prochaine version
dans l'année, peut-être, je sais pas.
Mais j'ai pas vu ça passer.
Mais en tout cas, la tendance du e-commerce
est vraiment sur le Headless
en règle générale.
J'espère qu'ils vont y venir rapidement.
OK.
Et...
Gros mises à jour sur Svelkit.
Donc...
On va dire...
Le moteur de rente...
Qu'est-ce qu'on pourrait dire ?
Alors, Svelkit, c'est le Next,
ou le Next de Svelte, en fait.
Voilà. C'est le framework
au-dessus de Svelte.
Exactement.
Alors, ils viennent de sortir officiellement
la version 1. Ça y est, c'est fait.
14 décembre 2022.
Donc Svelte, pour rappel, c'est un...
C'est compliqué à...
Parce que c'est en même temps...
C'est plutôt un compilateur
qu'un framework, en fait. On va dire.
Parce que c'est un système qui compile du code JavaScript
à sa façon, etc.
Donc c'est entre le framework et le compilateur.
D'ailleurs, c'est super intéressant.
Svelte, donc je vous recommande
d'essayer de coder un petit peu avec.
C'est vraiment pas mal.
Donc, Svelte kit, c'est le framework au-dessus de Svelte
qui permet de faire des applications avec des routes, etc.
Un peu comme Next ou Next.
Donc version 1.
Donc sachant que...
Rich Harris,
qui est le créateur de Svelte,
donc ça fait 2 ans déjà
qu'il a travaillé dessus.
Il était rentré en novembre 2021 chez
Svelte pour complètement travailler
sur Svelte, en fait.
Donc ça fait 1 an qu'il est
à temps plein là-dessus.
Maintenant, le projet
Svelte et Svelte kit
est incubé chez Svelte.
C'est ça ?
En fait,
Rich Harris, il est...
A la base, il était journaliste.
Il y a un documentaire qui est super intéressant
à mettre à la liens.
Il bosait sur le New York Times, je crois, non ?
Ouais, c'est ça. Il était journaliste.
Après, il est passé développeur.
Il a appris HTML, tout ça.
Il explique tout dans ce documentaire.
Un jour, il avait envie de faire son...
Enfin, Svelte, ça fait un moment que ça cogite.
Il a fait d'autres choses avant tout ça,
mais ça fait depuis 2012-2013.
Vraiment, ce n'est pas d'hier.
Donc, un jour, il reçoit un tweet
de Vercel,
de Guillermo.
Salut, est-ce que tu voudrais travailler
à plein temps sur Svelte ?
Tu viens travailler chez Vercel,
et il ne comprenait pas, en fait, il n'y avait pas.
Et ça s'est fait comme ça.
Et depuis l'année dernière,
il travaille à plein temps sur Svelte
en étant payé par Vercel.
Excellent.
Svelte,
le concept,
c'est
hyper-légé, hyper-rapide.
Le concept,
c'est une compilation
avec des fichiers hyper-légés.
Il n'y a pas
de domes virtuels.
Donc, c'est beaucoup plus lite.
Et puis, le code est assez concis
et compréhensible, en fait.
C'est assez simple à lire.
Facile à lire, etc.
Et puis, il est réactif
par défaut, en fait,
au niveau du code.
Je vous recommande, on mettra les liens.
Il y a pas mal de choses,
et je vous recommande
pendant les vacances, pourquoi pas,
d'essayer un petit peu Svelte.
C'est toujours intéressant de voir d'autres systèmes
pour voir comment ça fonctionne.
Yes.
Superbase,
et passé
à faire son lunch week.
Par contre, ils en sont à la sixième.
Alors,
ils ont en fait,
il faut un lancement un petit peu
qui dure un peu dans le temps
pour sortir des fonctionnalités
au fur et à mesure.
C'est un peu ça le concept.
Oui, ils font des semaines
et tous les jours, ils lancent des trucs.
Ils annoncent, ils font des vidéos.
Donc, on va dire qu'en gros,
il n'y a pas de version
Superbase 1.0
ou 1.2.
C'est des lunch weeks.
Et donc, la dernière, ils ont lancé pas mal de choses.
Donc,
ils ont passé, premièrement,
la documentation. Ils étaient sur Docusaurus.
Ils sont passé sur Next.js
pour faire une documentation un peu plus clean,
un peu plus grosse aussi, mieux structurée.
Même si ils sont très contents de Docusaurus,
ils ont pas du tout craché
sur Docusaurus, ils ont accepté très content,
mais bon, ils avaient besoin de d'autres choses.
Et après, il y a
d'autres fonctionnalités qui sont arrivées dans Superbase
comme le système. Alors,
Superbase, pour rappel, c'est un système
comment le qualifier ?
C'est un backend as a service
qui nous donnait
automatiquement
une API
par rapport au modèle qu'on a créé
qui va gérer l'intégralité
des utilisateurs, donc tout ce qui est login
password, avec
toutes les providers
de connexion, donc les Google connect,
les GitHub connect, les Twitter connect.
Voilà, on va
créer nos tokens sur la plateforme
Voulue, on va injecter
les tokens directement dans Superbase
et on va avoir
un client soit
js, soit Dart
il me semble, pour le mobile
ou peut-être en natif
même, et on va
pouvoir consommer en fait notre backend
immédiatement
depuis le client, et
on va créer en fait notre
base de données avec notre modèle
on va lui dire, on va
mettre les champs et
ça va automatiquement créer une API
pour nous, donc on va gagner
énormément de temps sur la création
et ça nous évite de faire
l'Ainiame Crude, une Ainiame
fois, donc c'est un gros avantage
d'un gain de temps significatif
quand même pour se concentrer
sur la business logique
et donc ça c'est intéressant, par contre
c'est sûr que quand on passe
par un système comme ça qui vient nous créer
automatiquement des choses,
potentiellement
à un moment donné on a besoin d'avoir
des choses un petit peu plus spécifiques
et là le fait
que
Soupa Base vient rajouter
par exemple
la redimension des images à la volée
en fait on va transformer
les images à la volée, c'est une fonctionnalité
qui est plutôt intéressante, parce que tout le stockage
au lieu de le déporter
sur un autre service
là il est directement intégré
au stockage de Soupa Base
et si c'est un fichier de type
d'image on va pouvoir le resaiser
à la volée
avec cette fonctionnalité
après c'est
un peu un système
un peu à la Firebase
avec des fonctions, du stockage
au niveau de la base de données
ils utilisent Postgrease
voilà c'est vraiment
le système est reposamment
sur Postgrease et ils utilisent
tous les événements, toutes les fonctions
de Postgrease qui est vraiment assez
un domaine assez large
donc ils utilisent tout ça
donc c'est très pratique, parce que comme tu le dis
il y a un dashboard, tu fais tout ce que tu veux
alors je crois qu'on peut le self-hoster
normalement, il me semble
sinon tu as le service en ligne qui est payant
ou la classique
donc pas mal de nouveautés, donc l'image resizing
comme tu l'as dit, le Nouvelle Dock
il y a un système d'automtification
qui est évolue aussi
multi-facteur-automtification
je sais plus comment ça exactement
c'est le système
où tu tapes ton login et ton password
et tu dois avoir un code
qui est ce code évaluable 30 secondes
et tu as 30 secondes pour taper
les 6 chiffres
souvent c'est
soit Google Authentificateur
soit un autre système type
OTI
en tout cas il faut
une double authentification
pour pouvoir rentrer sur le service
ça amène un gros niveau de sécurité
en tout cas
ils ont ça, maintenant tu peux mettre un domaine custom
tu peux avoir
des backup, un point de données
ils appellent ça le fountain time recovery
et surtout aussi
grosse nouveauté qui demande
que tout le monde, enfin les utilisateurs demandaient
parce que normalement quand tu utilises le client gs
la librairie gs
tu as un système de requêtes
que tu faisais à la superbase
et ils ont enfin intégré GraphQL
donc tu vas pouvoir faire des requêtes GraphQL
que tout le monde demandait
je ne peux que approuver ça
même si
le client gs
c'était assez facile
et super bien fait
on était proches de la syntaxe
de mango
on appelle la collection
à la collection je veux find one
find many
get list, des choses comme ça
c'était très explicite
néanmoins
quand on a l'habitude d'utiliser
GraphQL
c'est plus facile
et ça amène beaucoup plus
de liberté
parce que le pouvoir revient au front
donc le front va pouvoir
appeler autant de données qu'il veut
de la manière qu'il veut
et donc c'est toute la puissance
et toute la structure de GraphQL
qui est plutôt intéressante
voilà, donc superbase
nouvelle, enfin dernier
dernier lancement
donc il y aura le lien
pour effectuer un compte gratuit
pour vous amuser un petit peu avec tout ça
et ils sont quand même assez généreux
sur le premier tiers
pour un site project ça marche
vraiment bien
donc c'est parfait
de faire un site project pendant les vacances
par exemple
et il y a même plein de ressources
qui ont été mis en ligne
sur le net
pour justement passer les vacances
et monter en compétences
je pense
on parle de CSS un peu
ouais, on parle de Flexbox
donc
on a une petite liste de liens
pour vous occuper pendant les vacances
même si je recommande de couper un petit peu l'ordinateur
et de vous reposer, d'aller skier
faire ce que vous voulez
mais voilà, débrancher un petit peu, libérer l'esprit
mais si vraiment vous tenez
travailler sur l'ordi, apprendre des nouvelles choses pendant les vacances
voilà, on a 4 liens qui sont assez intéressants
donc le premier c'est
Josh
qui a fait un guide interactif pour Flexbox
et tu es plutôt bien fait
pour vraiment comprendre comment les propriétés
agissent sur Flexbox
donc tout est interactif
enfin je trouve ça super bien fait
même pour
des personnes qui ont déjà une expérience
en Flexbox, le fait de
jouer avec l'outil
c'est super sympa
et c'est hyper pédagogique
donc entre on comprend vraiment bien
chaque propriété
l'impact qu'elle a et tout ça
donc non
c'est vraiment intéressant
j'ai hâte d'avoir le même pour Grid
parce que Grid c'est beaucoup plus complexe que Flexbox
avec toutes les propriétés
on comprend exactement ce qu'elle font
donc ça peut être intéressant
ensuite on a aussi
un tutoriel gratuit
c'est un premier tutoriel, après il y a des formations payantes
mais c'est pro-taiwind.com
ou si vous voulez un petit peu
mettre la main dans Taiwind, comprendre comment ça fonctionne
tout ça, c'est un petit tuto
pour faire une bannière etc
donc c'est plutôt pas mal
après je ne pense pas que ce soit trop trop trop débutant non plus
parce que
il va dans des concepts parfois un petit peu plus
poussé
et peut-être
prendre d'abord les tutoriels
qui sont déjà sur Taiwind
de manière classique
après c'est la même personne qui l'est fait
mais toutes les vidéos
qui sont sur le site de Taiwind CSS
sont vraiment de manière graduelle
où il explique vraiment tous les concepts
par contre sur pro-taiwind
c'est un niveau un petit peu au-dessus
justement pour avoir des notions
un petit peu plus advanced
ouais, exactement
Simon qui est suisse à la base
mais qui habite en Australie
c'est super sympa
top qualité en plus
il fait vraiment un bon travail
d'ailleurs le site de formation est super bien fait
ensuite on a TypeScript
donc Total TypeScript.com
pareil, petit tuto gratuit
pour mettre les mains un petit peu sur TypeScript
qu'on prend un petit peu les bases
là par contre c'est vraiment les bases
et ensuite il y a une formation plus payante
si vous voulez continuer
mais c'est plutôt bien fait, il est très très bon
je ne sais plus comment il s'appelle
mais il est excellent
il a un niveau en TypeScript
super pédagogique en plus
il explique très très bien les choses
donc bon petit site de formation pour TypeScript
et dernier
alors là c'est plus français, c'est Delicious Insight
qui est un organisme de formation
avec Christophe Portneuve
qui est un peu connu dans la communauté
ils ont une chaîne YouTube
et il y a pas mal de vidéos
hyper intéressantes pour progresser avec Git
et donc je vous recommande
il y a quelques playlists
il y a pas mal de tips
donc c'est vraiment
hyper intéressant d'aller voir ces vidéos
parce qu'on apprend plein de choses
sur Git, au quotidien en tant que dev
vous devez maîtriser ces outils là
donc les vidéos sont là pour ça
top
à savoir que c'est la seule playlist
qu'on recommande
aujourd'hui en tout cas qui est en français
tout le reste sur les Flexbox
sur Protagwin et sur Total TypeScript
c'est en anglais
ouais après c'est
bon c'est pas très compliqué
c'est écrit en plus donc c'est plus simple
yep mais t'as bien fait de le préciser
c'est clair
après on le dira jamais assez
mais je pense qu'il
il nous faut parler l'anglais
ou au moins comprendre et lire l'anglais
ça me paraît hyper important
indispensable car non
parce que toutes les docs sont en anglais
donc l'occasion de monter en compétence
aussi en anglais
alors on passe
une petite rubrique de news qu'on va passer
rapidement en fait c'est voilà quelques news
où on va passer tardé dessus
donc on commence par une première
alors c'est
c'est un projet
en fait qui a été
soutenu par un peu la communauté WordPress
c'est
faire tourner PHP dans un navigateur en fait
avec poison
donc ça veut dire qu'on a plus besoin
de faire tourner un serveur
le PHP il est directement
dans notre navigateur
dans le moteur de notre navigateur
c'est ça ?
oui en fait ça tourne
dans le navigateur avec un moteur PHP
qui tourne, il y a une base de données, il y a tout ce que tu veux
et en fait ils ont réussi
à faire tourner un WordPress dans le navigateur
sans serveur derrière
grâce à WebAssembly c'est ça ?
oui c'est ça
c'est ça alors tu veux
donc c'est plutôt pas mal alors il faut savoir
que le site s'auto détruit
dès que tu fermes la fenêtre en fait
parce que c'est vraiment tu vas dedans
ça construit le site avec voilà le truc de base
et ensuite quand tu t'en vas ça détruit tout ce que tu as créé
même si tu crées du contenu dans la mine tout ça
parce que tu peux te connecter à la mine
il y a tout qui fonctionne c'est vraiment
assez hallucinant donc il y aura le lien
il y a pas mal d'exemples
et tu vas me dire bah c'est quoi l'intérêt ?
c'était ma question suivante
mais quel est l'intérêt Patrick ?
alors l'intérêt
le premier intérêt pour l'instant
et en tout cas après il y en aura d'autres je pense
mais le premier intérêt et pourquoi WordPress
a soutenu ce projet en fait c'est que
tu sais WordPress tu peux mettre des plugins
tu peux mettre des thèmes etc
et en fait la vision
qu'ils ont c'est de pouvoir
par exemple
dans la mine tu sais
tu peux rechercher un plugin dans la mine de WordPress
et après l'installer
et en fait l'idée ça serait de pouvoir
en fait tester ce plugin par exemple
ou ce thème
directement dans le navigateur
sans l'installer sur ton site
donc tu vois tu lancerais, tu crées sur un bouton
ça t'ouvre un navigateur avec un WordPress dedans
tu as le thème par exemple
tu peux naviguer, tester tout ça
et ensuite tu fermes la fenêtre et il est détruit
comme ça ça te permet de tester et sans devoir l'installer etc
et en fait c'est ça la première idée
en fait du projet
ouais une sorte de crash test
ou de sandbox en fait
d'insoler vraiment l'environnement
pour éviter d'avoir des dommages un peu collatéral
si on vient
faire des
des interactions avec d'autres plugins
ou pour tester des nouvelles manières
ok ouais donc c'est vraiment
pour du dev quoi
ouais du dev
ou même pour des gens qui maîtrise pas techniquement
l'installation tout ça
ils peuvent tester des choses donc ouais comme tu dis c'est vraiment
une sandbox le projet avance bien
et ça fonctionne bien enfin on peut tester
des liens tout ça et c'est assez bluffant
de voir du PHP tourner dans le navigateur
après peut-être aussi que en termes de
pédagogie
pour limiter
la friction à l'entrée
pour dire ok il faut installer
mon serveur Apache, même si aujourd'hui on a
des logiciels qui font tout un petit peu plus tout seul
et voilà qui nous facilite
la vie
mais là ça peut être encore beaucoup plus simple
parce qu'on va sur la page et bim c'est terminé
c'est très simple donc
je sais pas où ça va mener mais
en tout cas je trouve ça pas mal
ça va encore progresser
vivement que ça soit accessible
facilement installable tout ça
yes et en attendant
le résultat du
state of js on a déjà
le state of css
qui est sorti sur 2022
ouais résultat du
state of css donc
alors
il y a pas mal d'infos
on mettra le lien
vous irez voir il y a plein de data etc
donc les réponses
des gens qui ont répondu
perso je trouve
que c'est pas super lisible en fait leur système
donc c'est pour ça
que je sais pas trop commenter
trop de data
et on
peut déjà anticiper
même si on dérive
un peu sur state of js
mais en fait le problème c'est qu'il nous donne
des choix et parfois
en fait les choix
sont trop impactants
parce que peut-être qu'on voudrait mettre autre chose
et
le choix étant déterminé
on n'a pas tout expression
de pouvoir marquer ce qu'on a envie
donc le choix est un peu biaisé
ouais après c'est pas mal
tu peux voir aussi
l'évolution parce que en fait
sur certains outils je suis sur css injs
tu vois l'évolution
de différents outils
de 2019, 2020, 2021, 2022
donc c'est vraiment l'historique
du style css module
tu vois que c'est toujours super utilisé
depuis 2019 et la courbe change quasiment pas
qu'est ce qu'il y a d'autre
après style component voilà c'est en train de descendre
de la courbe voilà il y a plein de trucs comme ça
css framework
si je prends bootstrap
il est en perte de vitesse
d'année en année ça va tout doucement
mais bon c'est d'année en année
qu'est ce qu'on pourrait dire
thaiwin css
qui est plutôt stable
qui reste à l'entour des 80
il était monté en 2020
il est redescendu en 2021
c'est plutôt intéressant de voir
un peu l'évolution, des outils, d'usage
je rappelle quand même c'est des réponses
des gens
est ce que vous utilisez thaiwin
est ce que vous utilisez bootstrap
en fonction des réponses
yes
c'est quoi ?
ecoindex.fr
alors ecoindex.fr c'est un site
qui te permet en rentrant l'url de ton site
de savoir l'impact
environnemental
est ce qu'il est green ou pas
qui était pas mal utilisé
qui avait disparu complètement parce qu'il devait le
refraîchir en fait le refactoriser
ils ont mis un moment
après c'est gratuit en même temps
et ils viennent ressortir voilà
enfin nouvelle version
donc il est intéressant parce que ça te permet de voir
un petit peu de ton site
puisqu'on parle beaucoup d'éco-conception
ces derniers temps
ça devient de plus en plus important
les grandes entreprises en fait
pour le marketing ils mettent un peu ça en avant
on a des sites éco-conçus etc
des agences d'éco-conception qui se sont lancées
donc voilà c'est un site qui permet
de tester un petit peu d'avoir
un petit chiffre et de savoir si ton site
il est conçu
ou pas
il y avait un livre aussi qui était sorti
il y a quelques années qu'il faudrait peut-être remettre
un jour mais non c'est plutôt intéressant
de savoir un petit peu si ton site
il est cracra ou si il pollue le planète
ou pas
ok
et il y a une nouvelle version
de musique
pour Apple en fait
qui est sorti en Beta et ils utilisent
des nouvelles technos
Zvelt et Marco
Marco

je ne sais plus quand
depuis il est sorti en version officielle
donc tu peux aller sur music.apple.com
ça fonctionne donc la version web dans
c'est fait de manière officielle
c'est officiel
ils utilisent deux technos
donc Zvelt on en a parlé juste avant
c'est une bonne techno qui monte
et Marco
alors Marco on en a déjà parlé entre nous
je ne sais pas si tu te souviens
moi
c'est assez particulier
je ne sais pas pourquoi ce choix
de la part d'Apple
mais je trouve ça un petit peu crado
Marco
c'est chacun ses goûts
après
au premier abord
je ne vois pas spécialement
l'intérêt
mais peut-être qu'on n'a pas assez poncé
le sujet pour trouver le bénéfice
peut-être
et peut-être que ça mériterait
peut-être qu'on y passe un peu plus de temps
pour comprendre la logique
ou pourquoi et en fait une marque
aussi forte
que Apple s'intéresse
et met en prod ça
est-ce que c'est juste avocation de test
ou eux ils ont vu leur intérêt
perso
je n'ai pas encore vu
je n'ai pas encore compris
mais peut-être qu'il faut qu'on passe plus de temps
à comprendre le paradigme
voir pourquoi
ce pattern-là peut être super intéressant
parce qu'il n'y a pas qu'il a mis en place
il y a quand même
des gros majors
derrière
New York Times
c'est surtout pour Svelte
où tu as Spotify
Redsers, Bloomberg, New York Times
New York Times normal
ils utilisent Svelte en même temps
autant je comprends le choix de Svelte
que de Marco
je comprends pas
pour vous irez voir la page de Marco
l'explication un petit peu
de la syntaxe
marcojillaz.com
en fait c'est une sorte de HTML
avec des attributs dedans
c'est vraiment particulier
faut aimer
très très verbeux
un peu spécial aligné
c'est clair
très très spécial
mis à jour aussi de la doc
de React
pour le beta.react.js
pour le beta.react.js
quoi est-ce qu'ils mettent à jour la doc ?
qu'est-ce qu'ils mettent à jour la doc ?
ils mettent à jour la doc
c'est pour la version
de la version 18 de React
la doc était quand même assez vieillissante
ils ont commencé
à travailler sur une doc
ils demandaient à la communauté
qu'est-ce que vous pensez de celle là ?
ils ont vraiment demandé
préférer avoir des exemples comme ça
ou comme ça
et dans cette manière là
ils demandent vraiment à la communauté
et donc la version beta avance
en évoquant
elle est plutôt pas mal
il y aura le lien
je la trouve vachement claire
bien faite
comme on sait que les projets open source
la documentation est super super importante
donc c'est bien d'avoir une belle doc
pour React
facile à lire
facile à intégrer donc facile à utiliser
avec plein d'exemples
en termes de facilité
on a Storybook
qui est intégré
en 3 cliques
automatiquement dans Next.js
c'est ça ?
c'est ça
Storybook, la version 7
en version beta
en développement
il devrait pas tarder à arriver
il y a des gros changements
qui arrivent
mais ils ont sorti cette nouvelle fonctionnalité
cette nouvelle possibilité
d'intégrer Next.js
super facilement
en fait tu installes Storybook
et quasiment
ça le configure tout seul pour Next.js
et surtout la difficulté qu'on avait
avec Next.js c'était tout ce qui était
routeur ou tout ça, fallait moquer le routeur
pour tester l'application
et là maintenant ça fait automatiquement
donc nickel quoi
plus d'excuses pour ne pas utiliser Storybook
facile, facile
on sait que
ça a été vachement
polémique
le bootstrap, taiwin
c'est
limite conflictuel
il y a des gens qui sont pour, il y a des gens qui sont contre
là par contre, ce qui est super intéressant
c'est qu'on a un retour d'expérience
depuis 2 ans
ils utilisent taiwin
et ils ont fait un article
spécifique sur leur retour d'expérience
super article
à lire
à la création avec Raphael
je crois que c'est Raphael qui l'a écrit
retour d'expérience après 2 ans
d'utilisation de taiwin
les avantages, les inconvénients
c'est intéressant à lire
d'autant que Raphael c'est un peu
comment dire, une référence
au terme de CSS
avec tous les livres qu'il a écrit sur grid
sur flexbox etc
donc on mettra le lien
article à lire pendant les vacances
très intéressant
même pour les détracteurs de taiwin
il faut aller lire ou pas
bien sûr qu'il faut les lire
parce que souvent les détracteurs de taiwin n'ont pas essayé taiwin
ça c'est fait
je vous encourage à ne serait-ce que tester taiwin
pour avoir un avis
j'ai entendu dire que bootstrap
provient en force
parce qu'ils ont pris
incroyable
bootstrap provient en force
parce que déjà ils sont plus liés
à jQuery
qu'ils ont intégré un système aussi pareil
d'utilité class
à taiwin etc
ça revient petit à petit
peut-être qu'on va bientôt reparler de bootstrap
dans les prochains...
on verra
on verra
mais je ne vais pas fermer
petit tools
qui nous facilite
la vie
consoleninja.com
ouais
on va finir
deux outils console ninja c'est toi qui l'avait trouvé
en plus
donc
c'est une extension
ouais c'est une extension vs code
quand j'ai vu ta news
je l'ai installé sur mon vs code
et comme je te disais juste avant l'épisode
je l'ai testé
l'intérêt de console ninja
c'est de vie à l'extension vs code
c'est que vous tapez un console.log
avec ce que vous voulez
entre parenthèses
et il va automatiquement vous écrire derrière
la valeur rendue par le console.log
sans aller dans la devtool
ou un truc comme ça
directement
depuis vs code on va avoir
en surimpression
la valeur qu'on a mis en console.log
ce qui nous évite d'aller dans notre navigateur
de recharger
tout ça
normalement c'est mieux de débugger que d'utiliser des consoles.log
mais bon
exactement
après
je pense que le console.log a assez limite
mais en tout cas c'est
une extension qui est plutôt sympa
et pratique à utiliser
même si je reste intimement convaincu que
débugger
il vaut mieux utiliser le débugger intégré
dans vs code
qui va nous amener beaucoup plus d'informations
parce qu'on a tout le contexte
les globales, le scope
mais en tout cas pour
avoir les infos immédiates
en console.log c'est quand même hyper pratique
carrément
et j'avoue je utilise souvent le console.log
je suis désolé
et du coup
comme je te disais je l'avais installé
j'avais oublié
et puis là tout à l'heure
justement dans l'après-midi je vais sur un projet next.js
j'ai fait un console.log et là poup
il m'affiche tout direct derrière et j'ai halluciné
c'est vraiment pratique
donc console.tirenidja.com
installé
l'extension pour tester
c'est pas mal
j'ai vu qu'ils avaient fait l'adapter pour remix
il me semble
j'ai vu ça hier ou aujourd'hui
sur twitter
donc à tester
et component.ai
c'est quoi ?
c'est des components intelligents
c'est quoi ?
alors c'est une librairie
c'est une librairie de component
il y en a
184
et donc voilà c'est toute une librairie
tu vas sur un component
donc ça s'ouvre et après derrière
bah t'as différentes versions
de ce component
et si je me souviens bien parce que je suis dessus
en même temps tu peux modifier les éléments
tu peux modifier les éléments
et ensuite tu peux l'exporter
en fait
directement
avec le css tout ça
ok mais c'est
pure html
css
c'est du pure html
c'est quoi ?
vraiment c'est du pure html
tu fais ton truc comme tu veux
tu mets des couleurs là
je suis sur un panel
il s'appelle ça le panel, il y a une image avec du texte
tout ça un titre, un bouton
et je peux changer la couleur du background
je peux changer des choses et ensuite
une fois que j'ai configuré tout ça je peux l'exporter
avec le css tout ça
c'est une grosse librairie
une grosse base en fait je suis dit il y a 184 component
donc ça peut être intéressant
pour faire des sites
avoir des idées de blocs etc
ouais donc en fait on peut gagner du temps
en réutilisant
des composants déjà
déjà fait
sans passer par du matériel design
ou des grosses librairies comme ça qui ont déjà
fait le travail
si on a besoin d'utiliser que deux composants
on peut aller directement sur cette base de données
de composants
pour récupérer les infos
pour les
développeurs aussi qui ne sont pas super à l'aise
techniquement ils peuvent chercher des component
pour faire des pages tout ça
donc voilà tout est ouvert gratuit
à tester quoi
quoi
parfait
écoute patrick plein d'infos
des releases
des tools
des conf
plein de choses
je pense qu'on finit l'année sur un épisode news
de toute façon on va pas
faire de prédictions sur 2023
je te propose parce que c'est
vraiment compliqué de faire
des prédictions dans notre domaine
mais ce qui est sûr c'est que
on sera encore là
pour parler des news
et pour parler de toute l'actualité
et
ça fait super plaisir
mais on sera toujours là
à l'année prochaine
un grand merci à tout le monde à bientôt
et à la prochaine
à bientôt à l'année prochaine
ciao
merci ciao ciao
retrouver WSLash sur la plateforme de podcasts préférés
et sur le site internet du podcast
www.slash-podcast.fr
sur le site vous allez
retrouver tous les liens d'épisode, les références
évoquées durant l'émission