Bonjour à tous et bienvenue sur ce nouvel épisode de Double Slash, épisode mensuel sur les
news.
Comme promis, on avait dit qu'on allait faire un épisode tous les mois sur les news.
Et bien voilà, le deuxième.
Donc on est news du mois d'octobre 2022.
Et donc, comme d'habitude, nous sommes avec Alex.
Salut Alex.
Salut Patrick, salut tout le monde.
Donc petit rappel pour ceux qui nous supportent, nous écoutent tout ça.
Vous pouvez nous retrouver sur Twitter avec le compte Double Slash underscore dev.
Vous pouvez nous retrouver sur Discord.
On est à Discord aussi.
Rappele-moi le URL du Discord.
Alors en fait, c'est impossible à renair.
Exactement.
Et en fait, le plus simple, c'est d'aller directement sur le Twitter.
Il y a les liens de la chaîne YouTube.
Il y a les liens de la chaîne Twitch pour ceux qui veulent nous suivre pour voir tout
le live code du site Internet qu'on est en train de refaire.
Mais au-delà de ça, après, une fois que le site Internet sera publié, on fera d'autres
lives.
Mais en tout cas, le plus simple, c'est de passer par le Twitter double slash dev, underscore
dev.
Et comme ça, vous voyez toutes les actualités de double slash et ça nous vous aide un
petit peu sur la promotion.
Et donc, c'est toujours sympa.
Un grand merci pour ceux qui partagent.
Ouais.
Et puis abonnez-vous.
N'hésitez pas à vous abonner sur YouTube, sur Twitch pour être informé dès qu'on sort
une nouvelle vidéo, un live, etc.
Voilà.
Un grand merci à vous.
Ouais, on attaque.
On attaque 10 ans de type script.

Ça fait 10 ans que type script a été lancé, créé.
Je ne sais pas comment vous dire ça.
Voilà.
10 ans déjà.
Et comme je te disais juste avant, il y a des gens qui s'y mettent à peine.
Ouais, mais en même temps, moi le premier, je pense que c'est comme dans tout le langage,
une maturité et tout.
Après, c'est marqué direct aussi dans la définition qui est derrière type script.
C'est Microsoft.
Et donc Microsoft, ils peuvent tenir, ils peuvent faire évoluer le langage, ils peuvent
le maintenir, ils ont toute une armée derrière pour le pousser.
Donc, c'est sûr que ça aide.
Et oui, toute façon, avant que le langage, il pop et il explose, il faut passer, il y
a toute une ligne à passer.
Donc, ouais, c'est tout à fait logique que ça met en place.
Il y a un phénomène aussi, le fait que Microsoft est un petit peu changé d'image
entre guillemets auprès des développeurs, tu vois.
Et puis aussi, le fait que beaucoup de frameworks, tout ça, qui ont adopté type script, qui
fait qu'aujourd'hui, tu es quasi obligé de t'y mettre.
C'est vachement facile.
Bien sûr, pour un développeur JavaScript, ça me semble indispensable de savoir maîtriser
type script.
C'est clair.
Ouais.
C'est clair.
OK.
Et on parle un peu de PHP.
Ouais, on parle un peu de PHP parce qu'on n'en parle jamais, donc on va essayer d'en
parler un petit peu.
OK.
Parce que ça crée ma langage majoritaire sur le web.
Mais clairement, clairement.
Et on arrive en une nouvelle version, 8.2, devrait sortir le 24 novembre, c'est ça ?
Ouais, c'est ça.
8.2 est là, on release candidate 3 depuis le 29 septembre et donc, elle va sortir officiellement
le 24 novembre.
Donc voilà, il y a des quelques nouveautés, enfin il y a pas mal de nouveautés, il y a
toutes des listes de machins, des ridonly classes, des choses comme ça, il y a plein
de choses, mais il y a aussi pas mal de deprecated en fait, alors ils sont listés.
Ça, ça sera un petit peu plus impactant parce que au début, ce n'est que des warnings,
comme quoi c'est déprécié.
Et ensuite, dans les futurs versions, ça va être carrément enlevée, donc il faudra
faire attention à ça.
OK.
Notamment, il y a un truc, les dynamiques properties.
Dynamique properties, c'est le fait de pouvoir quand il y a une classe qui existe, tu peux
lui mettre une propriété qui n'a pas été définie dedans actuellement.
Et ça, ça va être déprécated et donc ça lèvera une exception.
Il y a des choses comme le UTF-8 en code et des codes, c'est des choses qui sont vachement
utilisées ça pour à une époque.
En tout cas, moi je vous disais pas mal à une époque et donc ça, ça va être une

Donc en fait, on pourra plus faire des trucs un peu en mode, il y a le là, vas-y, je...
En fait, ouais.
Il y a un truc.
Ça sera...
Ça sera beaucoup plus impactant quand tu vas passer autant la version de passer de
version 7.4 à la 8, ça a été dans l'ensemble et là plus ça va avancer et plus ça va
péter les trucs sur les sites.
Donc il faudra faire attention à maintenir le code.
Donc en fait, il supprime un petit peu de rétro-compatibilité, quoi.
Ouais, bah de toute façon le langage est vachement évolué.
On est très loin du langage PHP 4.
Initial.
Ouais, initial, PHP 5, pardon.
On est très, très loin de ça et maintenant c'est vraiment un langage à part entière
avec des vides types, etc.
Et d'ailleurs au niveau des types, on en parle en vite fait.
Ils auraient ajouté trois types qui vont être intégrés.
C'est nul, true et false, qui seront disponibles alors qu'avant c'était que Bolléan ou
tout comme ça, je crois.
Donc ça évolue.
D'accord.
Donc le langage évolue pour...
Voilà, il devien se faire...
Plus de typage.
La grosse convention, c'est quand même sur la dernière version 8, c'était quand
même un gros typage hyper fort.
C'est ça ?
Ouais, typage, ma belle typage, il existe depuis la version 7, mais il a encore évolué
parce qu'il n'y avait pas les unions type dans le version 7 qui arrivait dans la version
8.
Enfin, je vais essayer de ne pas dire les conneries parce que je ne suis pas un super expert
de PHP, mais bon, je l'utilise souvent.
Mais voilà.
Dans l'ensemble, puis la version 8, ça a été vachement aussi amélioration de vitesse
comme la version 7 qui avait été vachement améliorée au niveau de la vitesse.
Et en 8 encore plus.
Voilà, langage évolué, c'est cool.
Super langage.
Et là, je vois, il y a une...
L'interpellation des strings, où il y avait la même syntaxe qu'en langage à la script
de l'Immodern.
Ça, ça va être déprécié.
Ouais, ça, c'est déprécié aussi.
En fait, il n'y aura plus le dollar...
Je ne sais jamais ce nom de truc, les moustaches.
Brac, ouais.
Brac, aqualade.
Je ne suis jamais comment s'écrire.
Donc ça, ça dégage aussi.
Ce sera que les aqualades.
Puisqu'en fait, en PHP, quand tu as un simple code, en fait, ce n'est pas traité la chaîne
de caractère.
Et quand tu as un double code, en fait, il va quand même voir s'il n'y a pas des variables
à l'intérieur.
En fait, c'est...
Sur l'interpellation.

Ouais, donc il y a des trucs qui dégagent aussi à ce niveau-là.
Enfin, il y a beaucoup de précaïtides sur la version 8.2 de j'ai l'impression.
Il faut un grand ménage, en fait, si on resume un peu.
Un peu, ouais.
Donc il faudra vraiment faire attention à ça.
Si jamais on a un code un peu pas ancien, mais qui a quelques...
Un ou deux ans, trois ans, il faudra faire attention qu'il n'y ait pas des warnings
de partout.
Ok.
Et on reste toujours en PHP à la limite.
Il y a un site, on va dire, un générateur de sites statiques qui est...
Alors il est nouveau, il est sorti, c'est quoi exactement ?
C'est nouveau, il me semble.
Il y a pas longtemps.
Stenop, en fait.
Alors c'est un générateur statique pour Symfony.
Donc Symfony qui est le framework assez connu sur PHP, entre autres.
Et il y a aussi la Rebelle.
Enfin, il y en a d'autres.
Et Stenop, en fait, ce qui fait, en fait, je ne me souviens plus.
On en a parlé d'un générateur comme ça qui était fait pour Angular.
Il y a quelques épisodes.
Ce n'était pas Suzy sur Angular.
Peut-être, ouais.
Et en fait, c'est un peu le même principe.
C'est qu'en fait, tu le mets sur ton application PHP Symfony.
Et en fait, lui, il va te générer des pages statiques.
En fait, il va tout simplement rendre toutes tes pages et générer un dossier statique
avec toutes tes pages dedans.
Ok.
Donc, ok.
En fait, c'est une sorte de surcouche qui vient par-dessus ton application.
Ouais.
Pour la rendre statique.
Donc, tu n'as pas besoin de t'adapter un système de générateur statique ou tout ça.
Voilà.
C'est vraiment ton application, elle fonctionne normalement.
Et ensuite, tu rajoutes Stenop par-dessus et lui, il va te générer le site statiquement,
en fait.
Tu n'as rien à changer.
Ok.
Voilà.
Donc, c'est pas mal.
Il faut des gens qui ont envie de se faire faire un site statique.
Parfait.
Après, sans faire du gros teasing, on va avoir quelqu'un qui a créé un générateur de sites
statiques dans le new slash.
Je pense à Arnaud qui va venir et qui va nous parler de Cécile.
Donc, le framework de générateur de sites statiques en PHP, c'est lui qui l'a écrit.
Et donc, je pense qu'il sera plus à même de nous en parler.
Mais en tout cas, PHP plus ce statique, on verra ça avec Arnaud.
Stenop, Stenop, pour vite fait, mais Stenop, ça n'avait vraiment rien à voir avec Cécile.
Ce Cécile, c'est vraiment un framework fait pour générer du statique.
C'est un framework dédié.
Alors que là, ce que je comprends, c'est une surcoûche.
C'est vraiment une surcoûche.
Tu rajoutes le truc qui va générer des sites statiques, mais ça n'a rien à voir.
Donc, restez à l'écoute des prochains épisodes pour entendre parler de Cécile.
Parfait.
On parle un peu de CSS en mode hyper extrême, super rapide avec Lightning CSS.
Lightning CSS.
C'est quoi, ça exactement ?
C'est super fast, extrême, fast.
Oui, il dit, on a pas de...
Il a tous les mots.
En fait, Lightning CSS, c'est un scène...
Alors, je crois qu'il s'appelait comme ça, c'était Parcel CSS.
En fait, c'est Parcel, le bundler.
Ok, le bundler, en fait, l'équivalent de Webpack, mais...
Ouais, enfin, un bundler de sites qui s'appelle Parcel.js.
D'accord.
Et ils avaient fait une version...
Enfin, ils avaient fait une librairie qui permettait de compiler CSS tout ça.
Ils pensent qu'ils s'appelaient Parcel CSS, et là, ils ont changé le nom.
Et il est devenu Lightning CSS.
Ok.
Et en fait, il est hyper rapide.
Voilà.
Ok.
Et en clair, qu'est-ce que ça va changer à mon quotidien ?
Est-ce que c'est Inodore 1 Color ?
Pour moi, utilisateur, mais c'est juste au moment du build
où là, ça va optimiser la création,
ou en fait, dans...
Dis-moi.
Bah, ce que tu veux aujourd'hui, tu utilises...
Alors, lui, en fait, déjà, il parle de...
Alors, il fait un peu critiquer le truc, parce qu'il...
Déjà, il est écrit en Rust.
Voilà.
Bon, déjà.
Encore un truc de plus écrit en Rust.
Bon.
Donc après, il est 100 fois plus rapide que CSS Nano, s'build.
Donc, déjà, il se compare avec des outils JavaScript qui compilent du CSS, tu vois.
Par contre, il ne parle pas de Post-CSS, étonnamment,
qui est aussi un outil qui compilent de CSS.
Alors, je ne sais pas pourquoi.
Est-ce qu'il n'est pas plus rapide ?
Alors, du coup, ça ne l'a vantagé pas, je ne sais pas.
Donc, en gros, il compare avec les deux bundlers de CSS.
Et ensuite, qu'est-ce qui...
Donc, je ne l'ai pas essayé, je ne peux pas dire,
c'est vachement mieux ou pas.
Il faudrait justement faire peut-être un test là-dessus.
Et après, il ressemble à Post-CSS dans l'ensemble,
où il te permet, déjà, il fait Loso Prefixeur.
Enfin, on utilise...

Sur Post-CSS, on utilise...
Je crois que non, il n'y a même plus besoin d'utiliser Post-CSS.
Post-CSS, on le fait tout seul maintenant.
Donc, ajoutez les prefix de navigateur, ça, il le fait.
Il te permet d'utiliser du CSS moderne,
et il le compile en fait, compatible avec ton browser.
Il le rend rétroactif.
Donc, si on veut utiliser, par exemple,
des features qui sont derrière un flag, par exemple,
lui, il va pouvoir l'interpréter,
et il va faire sa soupe pour pouvoir le rendre compatible.
Donc, ça serait un peu l'équivalent de...
En GES, la Babel, un peu un truc qui te permet
de gagner en rétro-compatibilité.
Et... OK.
C'est exactement comme Babel, ça va te...
En fait, c'est le Babel CSS, quoi.
Ouais, alors après, sur Post-CSS,
tu l'as déjà avec CSS Next, le module.
Donc, tu vois, c'est des choses qui existent déjà, en fait.
Ils révolutionnent pas les outils qu'on a déjà.
Par contre, il juste, il met en avant qu'il est très rapide.
Et ensuite, il dit aussi qu'il fait des bundles un peu plus petits.
Donc, toujours pareil, comparé avec CSS Nano et USB.
Voilà, et il supporte aussi les CSS modules.
Ce que fait aussi CSS Nano, normalement,
les CSS modules, en fait, on utilise ça, par exemple,
sur React, tu importes...
Ou ça existe sur Vue, aussi, quand tu fais du style...
Comment on appelle ça, quand tu es...
C'est intégré dans le composant et ça ne sort pas.
Tu as les trajoutes des préfixes.
Bien, j'ai oublié le nom.
Je ne vois pas le nom, je ne peux pas t'aider.
Je ne vois pas.
Tu fais du Vue, je comprends.
Bon, bref, en fait...
Je vois pas le concept.
En fait, le CSS module, tu vas faire un component React,
tu vas importer le CSS sur ce component,
et lui, il va en fait, il va te générer des classes uniques
qui vont être sur ce component,
et ça va éviter d'avoir des conflits de classes, de noms de classes.
Ah, ok. En fait, tu viens scoper ton CSS à l'intérieur de ton composant.
C'est ça?
Vue, c'est intégré parce que tu fais style scope,
et puis scoper, et puis voilà, ça le fait tout seul.
Donc, il y a une classe...
Il génère des classes uniques avec des haches, tout ça.
Dans l'ensemble, il est pas mal,
après, il faut tester.
En tout cas, il manque pas de superlative sur la page.
Ça, c'est clair.
Après, je pense que ça doit être poussé un peu en market
à l'américaine, best ever, world faster, machin.
Je pense que ça va être compliqué à utiliser.
Je pense qu'il faut juste poster CSS, ça doit marcher.
Ok, à tester.
Ouais, on va faire un live pour tester là-dessus.
Et on reste sur du CSS à la limite,
et on parle de token CSS.
C'est quoi ce token CSS?
Alors, token CSS, c'est vraiment un truc qui est encore en version alpha, beta,
enfin je sais pas, c'est...
Dans le stage, après, il le disclare,
c'est Work in Progress,
il y a encore des bugs, il y a des features qui manquent,
et il faudra s'attendre à des breaking changes.
Donc là, on est peut-être sur un truc qui est hyper avance,
qui n'est pas encore arrivé à maturité.
Ouais, il vient d'être.
Ok.
Et néanmoins, à quoi ça va nous aider?
Alors, je vous ai vu ça,
il faut que je ne sais plus y'a quelques temps, j'avais mis en lien.
Et en fait, je pense, je voulais en parler,
parce qu'en fait, c'est un concept en fait,
sur le design token, ils appellent ça.
Et en fait, c'est du...
tu fais du CSS avec un fichier JSON qui est défini,
et du coup, ça utilise des variables,
ça va te générer des variables, en fait,
que tu vas utiliser dans ton CSS, en fait,
qui sont remplacées par des mots-clés.
Donc là, on voit, ceux qui regardent la vidéo,
on voit un petit peu un exemple.
Donc en fait, ce que je comprends,
c'est que tu vas définir dans un fichier JSON
l'intégralité de tes variables.
Et après, dans ton CSS,
tu vas pouvoir appeler ces variables,
ce qui te permet d'avoir une certaine homogénité
sur ces variables et de centralisation de toutes tes données.
C'est un peu ça.
Ouais, c'est hyper obscur.
Je n'ai pas tout compris,
honnêtement, il y a un exemple,
tu vois, il te fait voir, en fait,
si tu vois dans l'exemple,
qui est un petit peu plus bas,
il y a un bouton,
OpenDemo là, et tu verras,
il y a un exemple avec le fichier JSON,
où ça te définit toutes les tailles,
machins, les couleurs et tout ça.
Et après, il les réutilise, voilà.
Le fameux fichier.
Et après, il faudrait,
parce que là, ça arrive directement
en frontal, un petit peu,
avec des libéraries qu'on utilise déjà,
type thaiwine.
En fait, il y a déjà
cette grise design system.
En fait, où il y a plein de variables,
où on vient définir les gradients de couleur,
les tailles et tout ça.
Sauf que là, peut-être,
on a plus de granulométrie.
Moi, ce que je vois,
c'est que déjà,
les noms sont quasiment identiques
que thaiwine.
Donc, c'est fortement, fortement inspiré.
Est-ce que c'est pas juste
pour faire de l'anti thaiwine ?
Non, je crois pas.
Non, non, parce que d'ailleurs,
sur la page, il parle,
qui s'inspirent en fait,
les concepts de thaiwine, tout ça.
C'est une autre façon d'écrire du CSS.
Alors, il faut le suivre.
Je pense que c'est pour ça que je voulais en parler,
parce que je pense que c'est un truc
qu'il faut suivre,
voir comment ça évolue.
Parce que déjà, thaiwine
a beaucoup changé notre façon
de penser le CSS.
Donc, ça, c'est encore une autre nouveauté.
Il y a aussi EnFoo,
qui avait sorti une libraireuse,
aussi, qui permet de faire
dans le même style aussi.
Win.
Oui, oui.
Je crois que c'est WinCSS,
ou...
Oui, quelque chose comme ça.
Ok, pareil, qui va générer automatiquement
des trucs, des fonctions
de ce que tu écries.
Voilà, c'est tout des nouveaux concepts,
ce qu'il faut suivre, en fait,
parce que...
Bah, après, le gros...
Le gros concept, c'est...
c'est à la volée, quoi.
C'est-à-dire que c'est...
On va compiler du CSS à la volée
au moment du build,
via tous les outils dits modernes,
VIT, ou Lightning,
ou Token, ou tous ces outils-là, en fait,
vont permettre de compiler du CSS
à la volée.
Donc, dans notre code,
on va écrire beaucoup plus rapidement,
et ça va tout compiler à la volée.
Ok.
Bon, c'est peut-être encore
un peu early stage,
mais...
Oui.
Mais ça peut être intéressant
de suivre le sujet, quoi.
Oui, et puis en plus, c'est des outils
qui utilisent beaucoup tout ce qui est natif
dans le CSS, en fait.
Il y a de moins en moins, tu vois,
de plus en plus, on est sur des choses natives, en fait.
Il y a de moins de sprits.
Après, le langage CSS aussi, il y a vachement évolué.
Ah oui, il y a...
Sur les dernières années,
il y a beaucoup d'intégrations
où, avant, on était obligés d'utiliser
des outils ou des librairies en JS
pour créer des choses.
Et maintenant, il y a de plus en plus
de choses qui se font nativement.
Donc, je pense, en termes de performance,
en termes d'utilisation,
c'est vachement mieux.
Par contre, le contre-coup de ça,
c'est que ça devient un langage
à part entière et avec des spécialités
véridiques.
En fait, tu ne peux pas dire du CSS,
je fais ça à l'arrêt.
Enfin, si tu veux faire du CSS moderne,
t'es obligé de passer un peu
par la case d'apprentissage,
surtout sur le CSS moderne, vraiment.
Ah oui, ça a beaucoup évolué.
De toute façon, ça devient assez complexe.
Ne serait-ce que de faire du grid
ou des choses comme ça.
Ça devient assez complexe.
Donc, c'est devenu un langage à part entière.
Même ceux qui estiment que c'est pas un langage
du CSS, mais ça devient...
Enfin, moi, j'estime que c'est un vrai langage
aujourd'hui et que c'est devenu complexe,
soit de faire du front, rien que de faire du CSS.
Carrément.
Oui, sur l'intégration en CSS moderne,
c'est un job à part entière
et il y a une complexité réelle.
Même si, de toute façon,
il y aura toujours la guéguerre entre les mecs
qui disent, non, mais ça, c'est pas un vrai langage.
Ça, c'est bidon.
On ne pourra pas lutter contre ça.
Yes, Gatsby qui passe en version 5.
Ouais.
Gatsby, Gatsby évolue très vite.
Donc, ils ont déjà sorti la V5 Alpha.
Donc, on a déjà dit en version 5.
Pour rappel, le site actuel de Double Slash
est en Gatsby 2.4, si je me semble.
Et il n'a que deux ans.
Et là, en fait, Gatsby, ça en version 5.
Donc, au bout de deux ans, ils sont déjà en version 5.
Et la grosse nouveauté, c'est de partie à l'hydratation.
Donc, comme tous, j'ai envie de dire.
Allez, on y revient.
On en remet une couche.
Tout le lendemain.
L'hydratation partielle des éléments dans la page
pour ne pas avoir une page complètement rendue en application.
Tout le monde y vient.
Ouais.
Après, de toute façon, je pense qu'on fera un épisode plus tard
sur tous les modes de rendu
entre du client, du serveur, du partiel, du hydratation, de tout ça.
En fait, ça serait intéressant qu'on fasse un épisode
où on explique tous les concepts pour comprendre.
Et en fait, on aura des clés de lecture
qui seront bien plus intéressantes
pour comprendre tous les frameworks
et pourquoi tout le monde s'y met.
Et ça sera hyper intéressant.
Ok, donc Gatsby, par contre, ils sont encore en Alpha.
Ouais, c'est de l'Alpha.
Mais après, ils vont très vite.
C'est pas impossible que je ne sais pas si ils donnent une date,
mais ils sont capables de sortir ça dans 3 mois.
Ils sont hyper réactifs.
Ils sont au taquet, je vais le dire.
Après, c'est difficile à suivre souvent en Gatsby.
Ça va tellement vite que...
Après, s'il n'y a pas trop de break-in-chains,
ce n'est pas tellement gênant.
Après, sur les versions,
on avait vu ça avec Redwood,
justement, qui passe en version 3.
Par contre, eux, ils ont clairement annoncé le truc
où Redwood, maintenant, on va sortir des majeurs,
on va sortir plein de versions.
Et en fait, on ne va pas reparler
des versions sémantiques et tout ça.
Mais eux, ils disent, nous,
quand on a une nouvelle feature,
on sort une version.
Et c'est vraiment cette notion d'incrémentale à chaque fois.
Et Redwood passe en version 3, justement ?
Oui, ça y va.
On envoie les versions PIM.
On a déjà parlé de façon dans un épisode de news,
je crois.
Grosse nouveauté, surtout de l'upgrade
de librairie interne, tout ça,
de frémoire comme Fastify, V4,
GSV en version 29,
Prisma en version 4.
C'est une évolution,
une intégration de l'université.
En fait, c'est plus une mise à jour
avec de toutes leurs dépendances internes.
En gros, après, il y a certainement d'autres choses.
Mais ce qui a mis en avant, c'est ça.
L'upgrade de toutes les dépendances.
Ça marche.
On parle de Strapi un peu ?
Strapi, c'est une version 4 depuis un petit moment.
Strapi hyperactif,
ça bouge depuis qu'ils ont sorti la version 4,
je crois, c'était en début d'année.
Ça bouge fort et ils évoluent vite.
Ils ont sorti une grosse feature
qui était hyperattendue,
mais c'est encore en version beta, normalement.
C'est Custom Field.
Pour rappel, Strapi, c'est un CMS
qui permet de générer des API
assez facilement,
avec une interface, un admin, tout ça,
par défaut, il y a des fields,
textes, number, etc.
On était bloqués là-dessus
depuis la version 3, déjà.
Maintenant, on a un support de Custom Field,
donc on pourra créer nous-mêmes des fields
personnalisés,
si on a besoin d'un truc spécifique.
Ça marche un peu comme un plugin,
tu rajoutes ton field,
tu le retrouves dans ton admin et tu peux utiliser ton field.
C'était une grosse attente.
Ça vient, on va dire,
ouvrir le potentiel
d'usage
des champs.
Beaucoup plus de flexibilité au niveau des champs.
Ça ouvre surtout,
il y a déjà une librairie de plugins
qu'on peut rajouter, donc ça va faire encore des choses
qu'on pourra rajouter, puisque les développeurs
vont les ouvrir en open source, leur field,
puis tu peux les réutiliser, des choses comme ça.
C'est pas mal.
Franchement, Strapi a bien évolué
depuis la version 4.
De toute façon, on avait eu
Jim
qui était venu
sur un épisode, on avait parlé de Strapi,
tout ça.
À l'époque
où on avait fait l'épisode,
ils étaient en train de popper.
Je pense que maintenant, ils ont déjà popper.
Maintenant, ça avance
et ça se structure
et ça met en place.
En plus, ils avaient fait des lebes de fond entre temps.
Donc, vraiment,
mon produit est français, surtout.
Et français, ouais.
Excellent.
Ça va t'entendre de parler.
On va parler de Nost.
Nost, product, tu connais très bien.
Il y a eu
une lunch week.
C'était la dernière semaine
de septembre.
Ils ont fait
vraiment...
Ils ont long, on va dire,
démarré. Ils ont fait
une espèce de micro-event
sur toute la semaine, où tous les jours,
ils annonçaient une grosse feature.
Pour ceux qui ne connaissent pas Nost,
ça vient agglomérer
plusieurs services
pour nous out of the box.
C'est-à-dire, on va brancher Asura.
Asura qui est
une database
et la génération d'API
directement branchée sur cette
database.
Sauf que, parlant de ça,
on a un problème, comment on va gérer notre authentification.
Donc, on peut utiliser
différents services, tiers,
ou notre propre
système d'authentification.
Par contre,
c'est un frein
à l'utilisation.
Comment on va gérer le stockage
des fichiers, c'est à nous
de mettre en place un S3,
et dernier point,
on a notre API,
mais parfois, on doit
exécuter de la business logic.
Donc, on va passer par
un petit serveur à côté qui va nous exécuter
notre business logic.
Et Nost, ils ont dit, nous,
on va englober
tout ça, et on va le faire,
on va le proposer en un seul service
qui s'appelle
Nost. Et donc,
on a tout ça
d'impacté, et ça marche plutôt
bien. Donc, les gens qui utilisent déjà
Asura, c'est du caviar,
c'est... enfin voilà, c'est
trop bien.
Pour ceux qui ne connaissent pas, je vous invite
à regarder, et à regarder le potentiel
que ça a.
Toujours à titre, ils ont lancé
une semaine,
grosso modo,
les gros trucs qui sont vraiment
intéressants, c'est qu'ils ont venu
redesigner
la database,
c'est à dire que, à chaque
fois qu'on doit modifier
et rajouter des champs, on était obligé
de rentrer dans
l'instance de Asura. Là,
en fait, on va rester
dans la connexion
de chez Nost. Et en termes de design,
c'est beaucoup plus épuré,
beaucoup plus propre, et
beaucoup plus sympa et joli
à utiliser.
Autre point important,
ils viennent totalement binder
l'API
de Stripe. Et ça,
c'est super cool. Parce qu'en fait,
depuis
notre interface
en GraphQL, en fait, Asura,
on va pas refaire l'épisode, mais
Asura, c'est un ORM
et en fait, une
d'agrégation, une sorte
d'API gateway. Et bien, en fait,
là, on va, ils ont branché directement
l'API de Stripe, ce qui fait
que le développeur fronte,
en fait, depuis son
interface GraphQL, il va
pouvoir demander toutes les informations
à Stripe. Par exemple,
tu me donnes une
session pour faire un checkout,
tu me fais un paiement, je
regarde l'historique.
Et en fait, c'est totalement transparent.
Donc, tout le système
d'API gateway
prend tout son sens et
ils ont branché directement
l'API Stripe.
Donc ça, c'est plutôt sympa.
Un autre
système qu'on voit de plus en plus
fleurir sur le web, c'est le Web
Haute-N. Alors, ok, qu'est-ce que c'est ça ?
C'est tout simple.
C'est tout simplement.
En fait,
un niveau
de précision
et de sécurité un petit
peu incran au-dessus. Par exemple,
quand on va se connecter
à un serveur en SSH, souvent
on va avoir une clé SSH. Donc soit
on la met sur notre ordinateur,
soit on la met sur une petite
clé USB
et les clés Fido
ou les choses comme ça. Et on fait
vraiment un gars en avant
et ils ont implémenté
un système pour s'authentifier
avec cette clé
unique.
Et aussi
amateurs
de produits Apple, bonjour.
On va pouvoir s'identifier
avec Face ID
et le Touch ID
ou des choses comme ça. Directement dans notre
application Web.
Ils ont codé
et nous donnent
à l'utilisation
directement le SDK
pour aller
remplir tous les critères qui vont bien.

c'est plutôt pas mal.
Je pense
sur des applications
en PWA par exemple.
On va pas
aller voir l'épisode
de PWA qu'on a fait avec
47.
Avec David, exactement.
De chez Microsoft qui nous expliquait
tous les avantages de passer sur une PWA.
Là avec ce type d'authentification
on vient
faire vraiment un bon en avant
en termes de sécurité et en termes
d'expérience utilisateur.
Donc ça c'est plutôt pas mal.
Et dernier point
en fait, ils nous donnent accès
à des logs
directement.
Avant on était obligé de passer par
Asura et de rentrer dans Asura
pour aller voir les logs.
Là maintenant on a un accès
direct
depuis l'interface
de Nost.
Donc c'est
plus sympa.
Et après on peut
monitorer, on peut
rediriger.
On peut appeler toutes les infos.
Il y a une API pour ça.
C'est un bon produit.
Ça reste
une boîte
relativement récente.
Pour moi
qui
veut se substituer totalement
à Firebase
qui suis fan de GraphQL
qui suis fan de Asura
pour moi c'est le produit
top top top top top ici.
Donc
je ferme la parante.
En gros ils ont besoin
de te connecter à Asura
et tu restes sur Nost
sur Nost
avec tous les avantages.
Mais il y aura une vidéo un peu plus poussée
qui sortira sur la chaîne YouTube de Nost.
Ok
Très bien.
Au passage tu parlais de WebHotN
Redwood aussi
il supporte ça aussi maintenant.
On en a pas maru mais ça fait partie.
Donc oui c'est un support qui a l'air
de bien prendre.
Donc peut-être qu'il faut te t'intéresser de près.
Exactement.
Dickelle.
On parle de Kinsta.
Ouais.
Alors Kinsta c'est un
alors ce qui ne connaissent pas
c'est un hébergeur
qui est spécialisé sur WordPress.
Donc là ils sont très forts en marketing
en blog etc. Ils écrivent beaucoup d'articles.
Enfin c'est très bon.
Et ben là je sais pas pourquoi mais
il sort un nouveau service
qui permettra d'héberger
des applications et des databases
à la même façon que
Versel,
Netlify etc.
Donc tu vas déployer
plutôt des applications fronte ou aussi des applications back
ce que tu veux
il supporte tout les langages
c'est marqué la Node.js
si tu remontes un poil
Node.js, PHP, Django,
Rise, Java, Scala, Go.
Ok alors pour le coup ils viennent plus
en concurrence avec
des produits type Railway
Scalingo,
etc.
On est vraiment mais c'est de l'auto
déploiement, tu branches
ton GitHub et il te déploie ça.
Tu rajoutes une base.
C'est un passe.
C'est vraiment un platform service
où je vais pouvoir
donner mon application et lui il va faire le build
et il va monter automatiquement pour moi.
Ok.
Il y a déjà du boulot sur
l'hébergement droit de presse alors
il y a aussi une grosse demande sur l'hébergement
d'applications en passe.
Certainement en tout cas
il y a une version beta qui est testable
et on peut tester la version.
J'avais commencé, je vais peut-être finir
peut-être faire une vidéo dessus
mais dans l'ensemble ça a l'air
la interface est cool et assez simple
et ça déploie facilement.
Ok.
Diversification.
Oui.
On verra les prix
au moment où on voulait.
En tout cas, on en parlant.
Petite appartée sur
Asura.
Qu'est-ce que je raconte ?
Qu'est-ce que ça ? Non.
On va y arriver.
L'hébergement,
comment il s'appelle ce qui ont dégagé
tous les comptes ?
Et recoup.
Vous avez dû recevoir un email comme quoi
votre application allait être détruite ?
En tout cas, moi j'en ai reçu.
C'est fait.
C'est fait.
Mais c'est peut-être le moment
de repenser et de migrer
vers d'autres opérateurs.
Pourquoi pas
tester Kinsta ou Eberge
chez des Français ?
C'est très bon service.
C'est un bon service.
Ils ont été certifiés
ISO, je sais plus quoi.
Je retrouverai le tweet.
Mais c'est le premier hébergeur
français
qui est certifié comme ça.
ISO, je sais pas quoi.
Et ils sont aussi hébergeurs de santé
de données.
Je dis bravo,
Ascalingo.
Prou.
Et ils ont mis ça
sur le blog peut-être ?
Certainement, ils ont tweeté.
Ah, c'était le premier.
Voilà.
ISO 27000001.
Ok, alors ça c'est les ornes,
les normes ISO.
Oui, en fait
si on n'est pas
câblé normes
et tout ça, on ne peut pas comprendre
je pense.
Mais je pense que ça doit être
assez
donné de santé.
Donc c'est pas mal. Il faut savoir que
Ascalingo est beaucoup utilisé par le gouvernement français.
En fait, ils hébergent beaucoup de données
d'applications sur Ascalingo.
Ok.
Valoir sûr.
Valoir sûr, top.
Et d'ailleurs, on a fait une vidéo
je m'arrête.
Il y a une vidéo, si vous allez sur le Youtube
de Double Slash,
où j'ai fait une vidéo où j'explique comment
déployer Strapi sur Ascalingo.
Donc voilà.
Parfait. Donc
c'est croisement entre Ascalingo
et Strapi. Trop bien.
On avait parlé
de Mythosis dans un épisode
précédent.
Le dernier épisode de news de septembre,
on a parlé de Mythosis qui était un système
qui permet de compiler
en différents langages de frameworks
réacte, vue, angular etc.
Et on s'était dit, mais à quoi ça sert ?
Et ben en fait, j'ai la réponse
en fait, ça sert
à faire ça. Avant que papa nazi
Papa nazi
voilà.
Et ben en fait, c'est une librairie
de component qui est disponible
dans différents langages. En gros,
quand tu veux faire une librairie
pour un peu de source que tu veux distribuer
ou même vendre, ce que tu veux,
et ben en fait, ça te permet Mythosis
de générer en 5 langages,
8 langages, enfin ce que tu veux.
Voilà l'utilité. Ok, donc tu vas l'écrire
et lui
Mythosis en fait, va te
transpiler, on va dire,
ou transcoder le terme exact, je ne sais pas
c'est lequel, mais
pour les différents langages
voilà. Donc moins de travail
et disponibilité
pour tous les frameworks. C'est génial
parce que souvent, il y a des librairies qui nous intéressent
de component, à main, c'est pas dispo
pour vue ou c'est pas dispo. Ouais, ou c'est
qui on réacte, à merde c'est qui angular
et moi je fais la vue et tout ça.
Voilà, ça marche. Ok
Excellent, excellent.
Papa nazi
Papa nazi, il faut aller regarder
c'est un exemple
typique. Parfait, on parle un peu
de web performance.
Oui, c'était un... oui
on parle rapidement, c'est
un article qui est sorti il y a
je ne sais plus quand, il n'y a pas longtemps
sur le classement des sites français
les plus visités
sur juillet, août je crois
je crois que c'est ça la période
et donc c'est un classement au niveau de la vitesse
de chargement tout ça.
Mais donc on voit les différents sites
et on a tous les...
Alors le premier
sur les plus visités c'est le gouvernement
ministère de l'Intérieur
qui a un score de 99 quand même, il faut le savoir
c'est quand même assez énorme et service public
qui est deuxième
donc site très rapide
gouvernement. Après ils ont peut-être mis
les moyens aussi pour avoir
quelque chose de propre quoi. Ouais après
il faut voir comment il est fait, ça se trouve il y a 0 javascript
et c'est en html simple
Ah ouais
oui il est quand même rapide
il est quand même rapide
C'est clair. Alors le
dernier, il explique au début
que le dernier classement qu'ils ont fait avant celui-là
c'était Wikipédia qui était sorti en premier
mais que là étrangement il n'y a pas les données
de Wikipédia sur cette période donc
il n'est pas dans le classement, bizarre.
Par contre ce qui est intéressant
c'est qu'on voit en fait
il y a un site Le Monde
Le Monde
et le roi Merlin qui est
7ème
et en fait moi ce que je vois
c'est que c'est un e-commerce
avec tout ça problématique que ça
et il sort devant Amazon
Voilà et le roi Merlin est même premier
si tu dessins un petit peu tu verras
il y a le classement aussi e-commerce et le roi Merlin
le premier
ça veut dire qu'ils ont vraiment fait le
boulot
Ils ont bien d'aussi parce que devant eBay, Groupon, Amazon
enfin c'est des mecs
enfin je veux dire, c'est des gars
eBay, Groupon ou Amazon
ils ont combien de développeurs à la maison
Ouais, c'est les grosses machines
donc c'est à dire qu'ils ont vraiment joué
l'optimisation
du truc
Cool
On mettra le lien pour ceux qui s'intéressent
Parfait et pour
faire des bons sites
performants il nous faut des bons outils
et
à la limite on peut parler
vite fait
de Json Hero
Alors je ne sais pas
si c'est une extension ou c'est
juste un service web
Non, c'est un service web je crois
sur l'interface je crois
C'est un service web
en fait on va
coller notre Json
ou on va faire notre appel
et on va pouvoir
récupérer la donnée Json
mais on va
ça va surtout nous formater
pour nous la rendre
un petit peu plus digeste
On a deux outils comme ça
pour cet épisode qui sont orientés
de Json et qui vont
rendre le Json en mode
visuel beaucoup plus lisible
beaucoup plus facile
à lire
Il y a comme tu dis Json Hero
et puis Json Crack
Il te fait
carrément un arbre de tes données
c'est pas mal aussi
Ce qui te permet
d'avoir une vue
un petit peu plus structurée
et c'est vrai que
parfois quand tu récupères un Json
c'est dégueulasse, tu n'arrives pas à lire
Des fois tu as des enfants
des enfants et des enfants
En instantané
on voit très bien
la structure
visuelle de l'outil
C'est assez pratique
On mettra les deux liens
de façon dans les notes
Parfait
Patrick
Peut-être je pense qu'on n'a pas pu
parler de tout
parce qu'il s'est passé plein de choses
et sur le web il se passe toujours plein de choses
Il y a eu
la NodeConf
le PWA Summit
Il y a eu plein de conférences
Mais on a essayé
de résumer un petit peu
ce qui s'est passé
C'est pas grave parce que maintenant on fait un épisode news
tous les mois
Exactement
Ecoute Patrick
Merci
d'être resté jusqu'au bout
de l'épisode
On vous dit à bientôt
Et retrouvez-nous sur Twitter, Discord, Twitch
Évidemment mais maintenant vous le savez
On est partout
Parfait
Ciao ciao, merci à vous
Merci
Retrouvez Double Slash sur le plateforme de podcasts préférés
Et sur le site internet du podcast
www.slash-podcast.fr
Sur le site vous allez retrouver tous les liens
de l'épisode, les références
évoquées durant l'émission