Les news web dev pour décembre 2024 - RC 1.0

Durée: 47m43s

Date de sortie: 20/12/2024

Dans ce nouvel épisode, nous allons évoquer le State of JS 2024, GitHub Copilot qui réintroduit une version gratuite. Nous faisons le point sur les éditeurs disponibles actuellement, les sorties de Vite 0.6 et d'Astro 5.0, la version bêta de Tailwind CSS 4, la version stable de React 19, l'extension officielle pour Laravel sur VSCode et une petite vidéo sur NuxtJS. Retrouvez toutes les notes et les liens de l'épisode sur cette page : https://double-slash.dev/podcasts/news-dec24-1/

Bonjour les DVE, bienvenue dans ce dernier épisode de l'année 2024, épisode de News.
Et comme d'habitude, nous sommes avec Alex, salut Alex !
Salut Patrick, salut tout le monde !
C'est un grand plaisir de revenir pour ce dernier épisode de l'année 2024,
à savoir qu'on va pas s'arrêter là, on continuera en 2025, évidemment.
Mais petit épisode de News où on va parler du légendaire, en fait,
formulaire qui a été envoyé à plein de DVE et qui fait un peu un état des lieux
de l'écosystème JavaScript avec State of JavaScript.
On peut difficilement passer à côté.
Petit tour d'horizon aussi de tous les éditeurs de code qu'on a à notre disposition.
Il y a quand même pas mal de nouveaux qui sont sortis,
et donc on fait un petit point là-dessus.
On va parler aussi d'extensions de la Ravel, des dernières sorties officielles
de toutes les RC qui sortent en version définitive pour cette fin d'année.
Et puis un petit documentaire sympa sur Next qu'on verra ça.
Ça c'est le programme de l'épisode News, le dernier de l'année.
Yes ! Allez, on y va !
On attaque !
State of JS !
State of JS !
Alors c'est un truc que tu vois, je l'ai mis dans les notes,
mais j'avais presque envie de pas en parler en fait.
Ah ouais ? À ce point là ?
Ouais, ouais.
À ce point là, ouais, parce qu'en plus...
Non, ouais, déjà d'un.
Et puis, deuxièmement, principalement, si tu regardes en fait la démographie,
en fait du sondage qui a répondu,
tu vas voir qu'en fait c'est principalement des mecs blancs et américains.
Donc, si tu veux, c'est pas super représentatif.
La France, c'est quand même 7% c'est quand même pas mal, on va dire.
Mais dans l'ensemble, c'est quand même...
Mais c'est quand même très, très, très orientéricain.
Ouais, c'est ça.
Après, ça peut être intéressant aussi de regarder le nombre d'années d'expérience,
de savoir quelle est la population,
est-ce que c'est plutôt des juniors qui répondent,
ou des mecs vraiment expérimentés ?
Ouais, dans l'ensemble, ça va, tu vois, c'est quand même...
Si tu prends entre 5 et 15 ans d'expérience majoritairement,
un petit peu de nouveau aussi, mais bon...
50% ont déjà plus de 50 d'expérience.
Ouais.
Et après, ça reste quand même des grosses, grosses boîtes.
Ouais.
Alors, est-ce qu'on pourrait dire que ce state of GS,
au final, c'est devenu un peu le nana qu'on récupère tous les ans,
et au final, ça bouge pas trop,
et au final, ça tourne un peu en rond.
Bah si, ça bouge quand même pas mal, ça bouge pas mal,
mais est-ce qu'on peut dire que c'est représentatif ?
Je pense pas, tu vois.
Parce que je me disais, tu vois, si par exemple,
c'est un state of PHP, imaginons,
bah si t'as que des Américains qui répondent,
bah tu vas voir la Ravel en premier, tu vois.
Par contre, si...
Si c'est des Français ?
C'est des Français, il faut dire, c'est un pays, tu vois.
Sans faux, ouais, ça se tient.
Ouais, ouais.
Donc, tu vois, on peut pas dire que ça représente vraiment
le marché global, en fait.
Ok.
Mais bon.
Bon, après, ça a moins le mérite d'exister,
on voit quand même des tendances émergées,
on voit quand même l'avènement, en fait,
des méta-fraimoires qui prennent de plus en plus de place
au détriment des librairies,
on va dire frontaines classiques, type réacte,
vue en pur, voilà,
dès qu'on passe sur des projets un peu plus solides,
on est quasiment maintenant un peu obligés
de passer sur ces méta-fraimoires qui viennent quand même nous donner
beaucoup plus de souplesse et de robustesse
sur notre code, clairement.
Ça évite de reculer l'arbre.
Ouais, ce qui est intéressant,
à me regarder dans les résultats,
c'est souvent la positivity, en fait,
parce que tu as l'usage,
donc ça, forcément, les mecs sont peut-être obligés
de l'utiliser, tu vois, en point de temps.
Après, est-ce qu'ils sont contents d'utiliser,
est-ce qu'ils ont envie encore d'utiliser,
là, ça change tout.
Ah ouais, intéressant, intéressant.
C'est quoi les rouges là qui descend en flèche, là ?
C'est quoi, c'est Gatsby, non ?
Alors, je vais trouver ça,
ouais, c'est Gatsby qui s'effondre.
Par contre, on voit quand même,
ça fait deux ans que Next perd du terrain
en termes de positivité,
pas en termes d'usage,
parce qu'il est carrément bien au-dessus de tout le monde.
Par contre, en termes de positivité, comme tu dis,
ouais, on voit que ça baisse un peu
et au détriment de nouveaux qui sont peut-être un petit peu plus...
On voit beaucoup,
ils sont plus ou moins forcés de l'utiliser en boîte
sur des projets qui ont déjà été lancés depuis un moment,
mais ils ont un petit peu râle-bole de travailler dessus.
Par contre, Astro, très positif.
C'est le petit verre là qui est au milieu, là.
Astro, Astro, ouais,
mais de toute façon, Astro, on n'arrête pas d'en parler,
mais c'est vrai qu'il a explosé en termes de...
Il a vraiment réussi à percer et à implémenter.
On l'a vu encore sur Ikea, je crois, c'est ça.
On parlait dans un dernier épisode
où ils ont refait leur site commercial,
et ils l'ont fait en Astro, donc ça se tient, correct.
Donc aucune surprise sur le fait de retrouver des outils comme Astro
avec une grosse percée et rester en popularité
et en envie de l'utiliser.
Et puis après, évidemment, dans les podcasts,
c'est quoi ces ressources, je crois,
dans les ressources, on n'est même pas cités.
On ne peut pas parler d'un sondage, on n'est pas cités.
De quoi ? Attends, tu veux dire que le state of JS
ne parle pas de double slash ?
Non, mais n'importe quoi.
Évidemment, là, on est sur des médias américains,
donc ils sont vraiment très, très, très loin devant...
Avec les gros créateurs.
Mais néanmoins, ça peut être sympa,
si vous parlez anglais, d'aller voir et de suivre.
C'est plutôt un...
J'avais pas souvenir qu'il y avait cet item,
pour indiquer toutes les personnes qui créent du contenu
spécifique au JS.
J'avais pas souvenir.
Il y a aussi bien des cours que des newsletter,
des podcasts, ou directement influenceurs.
Là, c'est direct...
Tu vas voir, vite fait, un newsletter pour voir qui est dans les programmes.
JavaScript Weekly, CSS Trick, This Week in React.
Voilà, la newsletter de Sébastien.
Très, très bon.
Elle arrive en 4e position.
C'est plus que très, très, très bien.
Top.
Pas mal.
Il y avait un auditeur qui m'avait envoyé un tweet.
Il avait rajouté double slash.
Tu sais, tu peux mettre une réponse libre.
Il fait la picture.
Excellent.
Apparemment, ils ne sont pas assez consorts.
On doit être dans les miettes, là-bas.
Sans doute, mais c'est pas grave.
En tout cas, on le remercie de nous avoir mentionnés sur ce state of JS.
C'est cool.
Ça fait plaisir.
On déroule.
On bascule sur une nouvelle, plutôt sympa.
Aujourd'hui, on sait que tout de fraîche.
Une nouvelle où on est quasiment obligé d'utiliser un assistant
pour nous assister dans notre code.
Donc, chacun va y avoir un peu de sa paroisse.
On va avoir GitHub Copilot qui a été un peu le precursor.
Après, il est passé payant.
Il y a d'autres concurrents qui sont arrivés sur le marché.
Là, en fait, nouvelle un peu surprenante.
Moi-même, j'ai été surpris quand j'ai reçu l'email.
GitHub Copilot bascule gratuit.
Il rajoute un plan gratuit.
Ça a été annoncé hier soir par le boss de Microsoft,
Tiana De La Scroa, qui est assez drôle.
Il fait une vidéo avec un pull capuche.
Ça ne lui va pas.
Ça ne colle pas avec le pull capuche GitHub.
Il annonce qu'il y a un nouveau plan free qui revient.
Pourquoi ils font ça ?
Ils ont peut-être perdu des parts de marché par rapport à Super Maven
ou à Curso, pour remettre, récupérer des utilisateurs.
Après, c'est une offre qui est assez limitée.
Il peut peut-être suffire pour des personnes qui codent en loisir.
Il y a 50 messages par mois dans le chat.
Et puis, 2 000 par mois.
C'est ça.
Après, je ne sais pas du tout.
Je ne me suis jamais amusé à compter le nombre de fois
où j'appuie sur table.
Ce qui est sûr, c'est que j'appuie pas mal sur table.
Après, il y a possiblement,
quand tu fais ça toute la journée, 5 jours, 6 jours par semaine,
ça peut vite monter.
Et donc, 2 000 à tester.
Après, on ne peut pas l'enlever le fait que ça soit sympa
d'avoir un plan gratuit.
Ça, c'est plutôt sympa.
C'est généreux.
Moi, à ce moment, je n'utilise pas...
J'avais désactivé Super Maven.
En VS Code, je n'ai aucun assistant.
Et alors, tu t'en sors ?
Oui.
Super Maven m'a soulé.
Ça me faisait trop de relecture.
Au bout d'un moment, je n'avais marre de faire de la lecture de code.
C'est un peu du code review constant.
Ça m'a un peu cassé les pieds.
Donc, j'ai désactivé.
Et je suis vachement plus zen.
Est-ce que tu as gagné ou perdu en velocité,
en ta capacité à sortir de la feature un peu plus vite,
en qualité de code,
ou juste tu prends plus ton temps et toi, ça te va ?
Je ne sais pas comment dire.
Quoi qu'il en soit, hier soir, j'ai remis copilote free.
Ok.
Mais non, forcément, on perd un peu en velocité,
mais tu gagnes un petit peu en réflexion.
Tu réfléchis un peu plus,
il faut se souvenir des fonctions.
C'est moins dans la facilité, je trouve.
C'est peut-être pas mal de temps en temps de débrancher un petit peu
pour reprendre les bons réflexes.
Et t'as fait combien de temps sans ?
Ça fait un moment, ça fait deux semaines, je crois.
Donc, t'as eu le temps vraiment de te taper dans le dur.
Mais j'avoue qu'au bout de deux semaines,
tu t'attends toujours à ce qu'il y ait une complétion qui apparaît,
mais en fait, non, elle apparaît pas.
Tu as toujours le réflexe, en peu de temps,
on a été vite adaptés.
Complètement camé
et besoin de cette fonctionnalité-là,
pas au quotidien, mais oui,
enfin, si besoin complet.
Moi, je l'enlève, là, je serai en gagne.
Justement.
Je serai en gagne.
Je pense que t'entends débrancher
pour revenir au base,
c'est un peu comme les réseaux sociaux.
T'entends, il faut couper, parce que tu...
Tu brilles, quoi.
Tu t'es un peu trop dépendant d'Alia, quoi.
Ok.
Dans le code.
Avoir, après.
T'es pas la reconvécure.
Non, je sais pas.
Moi, je n'ai pas envie de...
de me désintoxiquer, on va dire, pour l'instant,
parce que ça m'amène trop de vitesse,
trop de...
C'est trop cool.
Moi, pour l'instant, je trouve ça trop cool.
Donc, je n'ai pas envie de me la jouer hardcore,
parce que j'ai du timing
et donc, il faut que je le fasse propre.

Ouais, ouais, je ne veux pas me jouer touriste.
Ouais, exactement.
Ouais, après, tu vois.
Non, mais c'est vrai que...
Non, non, mais c'est vraiment top, je reconnais.
Mais après, il y a des biais aussi, tu vois.
Je vois des...
Après, c'est LinkedIn, donc c'est particulier.
C'est une plateforme des egos, un peu,
comme des gars qui te disent,
j'ai un client qui m'a dit,
fais-moi le projet moins cher,
tu codes avec Clia, tu vois, style.
Ça va plus vite, donc tu vas me le vendre moins cher.
Tu vois, on arrive à des trucs un peu aberrants,
en ce moment.
Là, le problème, c'est pas le code.
Le problème, c'est le client.
Ouais.
C'est l'état d'esprit dans lequel il est,
où il cherche un prix,
il ne cherche pas une fonctionnalité,
il cherche un prix.
Bon, bah voilà, c'est pas...
Autre problème, quoi, pour le coup.
Si, néanmoins, vous ne souhaitez pas
faire comme Patrick et devenir un pure puriste
pendant 15 jours,
petite fonctionnalité
qui est plutôt sympa
de mettre le chat directement depuis,
en fait,
GitHub.
En fait, depuis longtemps,
on peut le faire au sein de VS Code,
mais ils ont sorti une fonctionnalité
où on peut le mettre directement
depuis l'interface de GitHub.
Et donc là, en fait, on choisit son modèle.
Si on veut GPT4, 4.0,
c'est accessible,
ou Cloud Sonet,
c'est directement accessible aussi.
Par contre, si vous voulez utiliser
Gmini, Opreview, Omini, tout ça,
il faudra passer sur la version payante.
Donc, un petit chat,
c'est directement aussi disponible
depuis l'interface web.
C'est plutôt sympa, ça.
Ouais, c'est pas mal.
C'est un fonctionnement vraiment équivalent
à la chat de GPT.
Tu peux mettre des pièges loin de tout ça.
C'est vraiment pareil.
J'avoue que moi, j'aime bien Cloud Sonet.
J'ai une petite préférence.
Après, basé sur ce que j'utilise au quotidien,
moi, j'utilise celui-ci.
C'est vrai que je refasse des tests
pour tester autre chose,
pour voir si on voit vraiment une différence nette et précise.
Mais moi, ce Sonet me va plutôt bien.
Il est bien.
J'ai fait des tests sur des chatbots,
et j'avais des réponses beaucoup plus pertinentes
avec Cloud Sonet.
Il est vraiment meilleur.
Après, à voir aussi,
parce que tu sais,
il y a Lama 3.3 qui est sorti récemment aussi,
qui est Open Source,
qui a l'air vraiment très performant.
Mais optimiser pour le code ?
Ouais, entre autres.
Oui, optimiser pour pas mal de choses,
multilangues, tout ça.
OK.
Ça fait un prix.
À tester, peut-être avec Olamah, peut-être ?
Ouais, c'est ça.
J'ai un ordi qui chauffe pas trop.
Ouais, c'est ça.
Allez, on fait un petit tour de review
de tous ces, on va dire,
éditeurs de code.
On a vu sortir de plus en plus d'éditeurs de code.
Certains sont totalement dédiés
et ont intégré de manière native
l'assistanat, on va dire,
avec LIA.
Néanmoins, on va dire,
tous les éditeurs de code classiques
ont même refait leur page Internet
pour mettre en avant ce côté
assistant IA.
On va pas présenter VS Code, on est d'accord.
Mais c'est quand même un signal fort, je trouve,
où sur la page d'accueil,
en fait, ils le mettent en avant,
directement, en mode, ouais,
on a intégré un système d'IA native.
Et je pense que c'est aussi pour ça
qu'ils ont mis copilote gratuit,
avec une offre gratuite, en tout cas.
C'est pour dire que, nativement,
quand tu ouvres VS Code,
tu peux brancher copilote direct.
Et tu as une sorte d'assistant IA gratos, quoi.
C'est vrai que tu le dis, c'est vrai que c'est marqué en gros
sur la home, mais c'est clairement ça.
Et donc pour ceux qui ne sont pas
de la team VS Code,
autre chose, il y a la team JetBrains,
qui, on le redit,
pendant longtemps, étaient totalement payants.
Et aujourd'hui, ils ont
une offre gratuite,
si on ne fait pas un usage commercial,
après...
Un peu d'oeil.
Petit cling d'oeil.
Faites ce que vous voulez.
Après, je pense que quand on est aussi pro,
on achète des outils,
un charpentier ou un menusier,
il achète ses perceuses,
il achète ses scies.
Nous, en tant que développeur,
on achète nos logiciels,
ça se tient aussi.
Il n'y a rien de...
Néanmoins, c'est quand même bon à savoir.
Par contre, eux, ils n'ont pas encore joué
la carte de LIA,
ils mettent pas en avant ça.
Tu vois que les pilotes,
SuperMaven, ils ont même développé...
Je l'avais testé au début,
mais ils ont développé aussi,
chez JetBrains, je ne sais pas
où ils en sont, si c'est payant.
Quand tu prends WebStorm ou PHPStorm,
ça a à peu près 120 euros, je crois, à l'année.
C'est 10 balles par mois.
Je ne sais pas si elle est inclus.
C'est peut-être plus inclus aujourd'hui,
peut-être qu'ils ont arrivé en version finale.
OK.
C'est peut-être inclus,
parce que ça a l'air d'être marqué version pro.
Peut-être c'est inclus, LIA.
Finalement, si tu payes 10 balles par mois avec LIA,
ça peut être wascock.
Ça peut le faire.
Une autre solution qu'on a vu émerger récemment,
c'est ZED.
ZED, qui lui en fait,
joue la carte un peu de la collaboration
et évidemment de LIA aussi.
On retrouve en fait,
cette fonctionnalité de pire programming,
en fait, où on va ouvrir une session,
je vais tout ouvrir les droits,
et mon collègue, qu'il soit à distance,
ou sur le bureau à côté,
en fait, on va ouvrir une session,
et on va pouvoir modifier le code
en live,
même si VS Code a déjà
ces fonctionnalités-là.
Ouais, mais là c'est inclus.
Exactement.
ZED, le test en ce moment,
je l'aime bien,
c'est mon petit préféré en ce moment.
Il y a moins d'écosystèmes,
beaucoup moins riches que VS Code,
tout ça au niveau plugin, etc.
Mais par contre, il est super rapide,
tu le lances et t'as instantané,
il rame pas comme VS Code,
de temps en temps, il peut le faire.
Et DOFIS, tu as l'IER installé,
Super Maven, enfin, évidemment,
il faut mettre une licence, etc.
Mais tu as le collaboratif, tout ça,
c'est pas en rajoutant une extension,
quoi que ce soit, DOFIS, quoi, dedans, en fait.
Et tu vois, sur le collaboratif,
en fait, moi je me suis rendu compte
que, ok, on voit tout de suite
la fonctionnalité quand tu dis
on a un travailleur en remote,
donc il est à l'autre bout de la France,
ou en tout cas, il est pas à côté de moi.
Mais moi je considère même que
même quand t'es à côté,
en fait, le fait
d'être tous les deux sur sa machine
et de pouvoir échanger à vive voix
et en fait, on est tous les deux rivés
sur l'écran, et en fait,
quand moi je vais faire une sélection,
toi tu vas voir cette sélection.
Et en fait, avec le curseur,
en fait, c'est comme si la voix
était par échange
oral, sans
rien du tout, mais l'écran
en fait, est partagée.
Et en fait, même pour des personnes
qui sont physiquement dans la même pièce,
utiliser cette fonction de collaboration
je trouve un avantage, mais hallucinant
parce que tu dis, ok, là en ligne 7
et tu sélectionnes la ligne 7,
tu dois faire ça parce que si,
parce que ça. Et donc en fait, quand tu fais
du pire coding, ou du pire review,
ou des choses comme ça, même
dans la même pièce, la fonction
collaborative est super intéressant, vraiment.
Ouais, c'est vrai.
Notez aussi Z,
aussi, ta
différents mappings d'office,
en fait, tu peux choisir VS Code, Veeam, tout ça.
Ah, tu veux dire pour les Shortcuts ?
Ouais, les Shortcuts, oui.
Il est vraiment pas mal, Z.
Franchement, pour l'instant, il est free
parce qu'il est en cours de devre.
On a dit un moment donné, il serait payant, mais
pas mal du tout.
Autre solution
que je ne connais pas du tout,
je le découvre
avec toi.
LapDev
et là, en fait, ils
annoncent comme quoi, c'est
l'éditeur de code
hyper rapide.
Ok, t'as pu tester toi ?
Parce que, il est en Rust.
Ah, Rust, Bingo !
Ouais, j'ai testé vite fait,
il est
assez minimaliste. Alors évidemment,
il n'y a pas grand chose en plugin, etc.
Mais parce qu'il est tout récent.
Il est hyper minimaliste.
Donc, si tu veux un éditeur assez minimaliste
type Veeam, qui fait
juste le job, c'est plutôt pas mal.
Et je sais que moi,
j'avais fait des tests où, enfin,
pendant un temps, j'avais
sublime texte, parce que je suis sur Mac,
et j'avais sublime texte,
qui était pour les fichiers
que j'ouvre directement comme ça,
en instantané, je veux juste voir le fichier,
je ne veux pas ouvrir le projet
avec toute l'arborécence, tout ça.
Et en fait, le fait
d'avoir un éditeur ultra rapide
pour ouvrir et pour lire le fichier,
en fait, parfois,
c'est super sympa, parce que
si tu dois passer sur VS Code
avec la lenteur de l'ouverture, tu vas ouvrir
tous les fichiers, tout machin. Ah, parfois,
c'est pas débile, quoi. Tu vas d'avoir un truc
ultra rapide, c'est sympa.
Oui, j'étais comme toi, à une époque,
j'avais sublime texte dans un coin,
et des fichiers de JSON, des trucs comme ça, qui étaient
énormes. C'était le seul qui arrive à me les ouvrir,
en fait. Parce que c'était écrit
en natif, mat,
et du coup, il fonctionnait très, très bien.
Allez, on bascule
sur l'autre, celui-là, on ne peut pas
passer à côté.
Ils ont réussi
un tour de force marketing commercial,
évidemment, c'est cure-sort,
avec
l'IA intégrée
directement, même si
on peut aussi mettre
ses propres clés.
Mais au final, si on l'utilise
de manière intense,
je pense que les
20 balles par mois, non, c'est quoi,
c'est 10 balles, 20 balles par mois ?
Non, c'est 20 balles, je crois.
Ouais, c'est 20 balles par mois.
Une grosse crise hyper limite, et puis après, c'est 20 balles, quoi.
Ouais.
Et donc, oui, ça nous ouvre
beaucoup, beaucoup de portes.
On voit aussi beaucoup de tutos
ou de vidéos sur le net
qui nous expliquent comment
paramétrer son cure-sort
avec toutes ces règles
pour venir en fait tirer vraiment
toute la quintessence du logiciel
pour nous aider
au maximum à coder plus vite
et tirer tout profit
de cet IA.
On ne va pas s'éterniser là-dessus, je pense que
quasiment tout le monde le connaît.
Peut-être qu'on pourrait parler
de
Windsurf.
Les amateurs de planche-chavouale
se réjoueront du nom
qui était apporté par ce nouveau éditeur.
C'est Codium,
Codium qui était avant
une extension pure, vraiment orientée
IA, et maintenant, ils ont
fait leur propre éditeur.
C'est un peu la tendance qu'on voit,
on parlait de Supermaven
qui était l'assistant, vraiment IA,
et ils sont en train de développer leur propre
IDE aussi.
Donc là, est-ce qu'ils ne les ont pas
devant ces un peu ?
Je ne sais pas trop
ce que ça vaut, je ne l'ai pas testé,
celui-là, Curso, je l'avais testé en version
test, enfin, un Try Mode.
Je ne sais pas encore, mais
au bout d'un moment, tu sais...
Il y en a trop.
Ouais, à une époque, on n'avait pas beaucoup
d'éditeurs de code, ne serait-ce que sur Mac
ou là, aujourd'hui, on en a
des...
Mais bon,
ils ont quand même...
Vu la réaction
de Microsoft avec VS Code
et Copilot, on peut dire
qu'ils ont fait bouger les choses
et peut-être fait un petit peu peur
à Microsoft
par rapport aux parts des marchés.
On ne connaît pas les stats, mais on voit
quand même qu'il y a du mouvement et ça a fait réagir.
Donc pour que d'un coup, on se ressorte
un mode free pour Copilot, c'est quand même
assez étrange.
Et on a vu aussi
des grosses levées de fonds
sur tous ces éditeurs-là, donc
ce qui veut dire que dans un marché
des vici, on sait qu'aujourd'hui
la tech, c'est la fin de l'argent gratuit,
on est bien d'accord.
Donc c'est fini.
Donc pour que les mecs puissent sortir les billets
et le carnet de check, c'est que
soit ils ont réussi
une pénétration de marché assez forte
et ils viennent avec des métriques,
parce que
la frimony, c'est fini maintenant.
Donc la tech
est en train de se crisper
aux États-Unis,
c'est en train d'arriver sur l'Europe,
ça sera par extension,
ça va arriver chez nous, ça sera exactement pareil
si ce n'est pas déjà le cas.
Mais pour que tout le monde
veuille
développer leur propre logiciel,
ils arrivent
à lever de l'argent avec ça,
c'est qu'ils ont dû montrer
quand même des
pénétrations de marché assez fortes.
Ouais, après
j'avais pas mis
ça, j'ai bien dit penser si j'étais en train de chercher.
Il y a une extension, j'ai testé ça,
il y a pas longtemps, ça s'appelle continue.
continue.dev, et c'est une extension
qui va mettre sur ton VSCode, et c'est aussi
sur JadeBrain, je crois.
Et à partir de là, c'est une extension
où tu vas pouvoir brancher le liacte que tu veux
avec ta clé, perso,
ou même avec un Olamas sur l'ordi
de ça, tu peux faire un truc en local.
Donc voilà, ça c'est pas mal aussi.
Si vous voulez essayer de faire tourner
l'Olamas en local, et puis brancher
dessus, ça peut
continuer.dev.
Et pour le coup
ouais, j'avais
lu un énorme article pour
abonder là-dedans, où justement
il disait que c'était une bonne solution
pour toutes les personnes qui
n'ont pas le droit d'utiliser
des assistants, parce que
la règle interne de la boîte
dit on n'a pas le droit d'utiliser
du code
sourcé par l'IA, tout ça.
On ne veut aucune fuite, on ne veut aucune lecture
d'un modèle, et donc
la grosse argument marketing qui mettait
en avant de cette extension là, c'est que tout
restait en local, et donc
il n'y avait rien qui sortait du modèle
et avec le combo
Olamas plus
mixtral, c'est ce que j'avais vu
la génération de code
de la boîte française
mixtrale, cocorico
un peu quand même, donc c'est cool
et donc
ouais, c'était un gros
sujet, c'était
que toutes les infos restaient
en local
c'est intéressant ce que tu dis, parce que
je ne sais pas s'il y en a des auditeurs
qui sont dans des boîtes où on leur interdit
d'utiliser l'IA, mais mettez-nous
en commentaire si vous êtes dans ce cas
de figure où on vous interdit d'utiliser copilote
et compagnie, je me demande si
il en a réellement fait, ouais
curieux, curieux
curieux
yes, allez on passe
à l'outil que tout développeur front
est obligé de connaître, parce que
il a réussi
son tour de force
il arrive dans sa 6ème version
et cet outil
évidemment c'est VIT
qui est la solution
pour le dev
qui a réussi
à exploser la
pénétration de tout
tout ce qu'on veut
tout l'écosystème
a évolué, maintenant il va même
au-delà où avant
il se cantonnait vraiment
un outil
pour le dev, maintenant ils sont en train
de structurer toute une boîte
derrière, on avait parlé
avec VoidZero
qui pour le coup
va sur toute la chaîne
et tout le tooling
derrière la création
de l'app
ce qui va aussi
du dev, du lint
du build
et de
tout l'écosystème qui a tout autour
cette fois-ci
il reste concentré sur VIT qui sort en version 6
et qui est déjà
quasiment prêt
pour
tous les gros stacks qu'on connait
Astro, NUXT, ZVELT
Redwood, React, Router
Quique
et ils prennent en quasiment
sur tous les frameworks
et métaphame
et j'ai déjà
mis version 6
sur certains projets
à part si vraiment
tu as des trucs particuliers
mais vu que la config de VIT est assez minimaliste
en règle générale sur la plupart des projets
l'upgrade se passe
sans problème
il ne faut pas attendre
Inodore 1 color c'est encore mieux
parce que c'est pas toujours le cas
surtout quand tu passes
sur une version
sur une version majeure
ça peut parfois vraiment
poser problème
donc facile
facile
Astro
Astro
Astro
Allez, 6 pour VIT
mais cette fois-ci
c'est la 5 pour version Astro
pour le coup
on en a déjà parlé
ils ont fait quand même beaucoup de teasers
ils faisaient des pré-release, des release
tout ça, là maintenant c'est la version officielle
on va pas
développer à chaque item
par contre
les grosses et nouvelles
fonctionnalités
c'est évidemment le contenu
le content layer
c'est toute la gestion du contenu
pour pouvoir brancher
n'importe quel contenu
sur ce générateur de sites statiques
c'est équivalent
à ce qu'on avait sur Gatsby
c'était ça l'idée
c'est de pouvoir brancher des choses en remote
ou du markdown
à l'équivalent de Gatsby
et donc ça génère
du contenu
que tu peux requêter
c'est plutôt bien fait
ça se passe bien en général
sur mon site perso
j'étais en 4 et je suis passé la 5
c'est passé nickel, sans problème
comme pour VIT d'ailleurs
d'ailleurs ils intègrent VIT 6
dans cette version
et j'ai testé le content layer
justement parce que j'ai une liste
des derniers podcasts que j'affiche sur une page
et j'ai migré sur content layer
c'est hyper simple à implémenter
et ça marche nickel
et ce qui est cool c'est qu'à chaque fois
oui par contre
ce qui est cool c'est qu'à chaque fois
en fait ils sortent les choses
en expérimental
mais expérimental c'est quasiment déjà utilisable
et après dans la version majeure qui sort derrière
c'est officiel
ça se passe bien en général
après ça c'est un pattern
qui est souvent utilisé
par toutes les nouvelles librairies
expérimental est égal
à option
c'est une option que tu peux choisir
et que tu actives toi mais qui n'est pas
nativement disponible
tu dois faire un effort
pour activer
ce truc
et souvent quand on voit expérimental
on dit c'est un truc ça va tout péter
alors que pas du tout, tu fais bien de le redire
c'est plus beta
en quelque sorte version beta
et
serveur Highland
donc pour toutes les contraintes
de SEO
ou de regenerer
le contenu
basé sur des informations spécifiques
ces petites Highland
on voit ça maintenant
sur tous les gros framework
Astro en est doté
super solide
super intéressant surtout avec le edge
où on va regenerer
et que le composant qu'on a besoin
basé sur
toutes les infos qu'on a
même dans du HTML donc c'est top
ouais nickel
et Astro 1
pour gérer les variables
d'environnement aussi
c'est une nouveauté aussi
pour simplifier les choses
VIT-6 on en a parlé
donc Astro continue
encore sa belle progression
et si vous regardez
State of GS vous verrez que
c'est une des plus belles courbes
qui montent en flèche
parce que ils ont réussi
mais moi je pense qu'ils ont réussi
parce que le produit est super top
l'expérience développement elle est ouf
bah tout
l'expérience développement, le rendu final
enfin tout
tout est bien
il est pas compliqué à utiliser
il est très simple à prendre en main
c'est vraiment un très très bon produit
rien à dire
rien à dire
est ce qu'on peut dire la même chose
de Tailwind
est ce que c'est un bon produit
alors
Tailwinds.sts
version 4
oui alors on l'attendait depuis un moment
et c'est arrivé
et donc il y a un long
la doc est super long
sur toutes les nouveautés et les changements etc
donc c'est assez
c'est assez fort
et je t'avoue que
j'ai testé une migration
sur version 4 et que
ça c'est pas bien passé pour l'instant
moi c'est ma grosse grosse crainte
je sens
en fait un gros
gros breaking change dans tous les sens
et donc tous les projets
à migrer en version 4
ça va être simple
oui je crois que ça va pas être simple
et pour le coup
je suis en fait
les mecs de NUXTUI
ce qui est basé
sur Tailwind et ils vont passer
en version 3
qui va être basé sur
Tailwind 4
et pour le coup ils disent
il le dit clairement
vous allez un peu transpirer
ça va quitter
alors t'as une commande upgrade
normalement
c'était sur Astro
donc peut-être que
c'était pas encore bon parce qu'Astro tu sais
ils utilisent un module pour Tailwind
donc du coup c'est un petit peu
pas vraiment à jour etc
donc il faut débrancher un peu le truc d'Astro
mais j'ai pas réussi à le faire fonctionner
j'avais toujours des erreurs incompréhensibles etc
mais t'as quand même une commande CLA
qui te permet de faire l'upgrade
et ça va te changer
les classes dans certains endroits
qui sont plus bonnes
ils vont te mettre les nouvelles à la place tout ça
mais non erreur
le changement de config
normalement t'es pas obligé
d'après ce que j'ai compris
mais c'est basé sur le variable CSS
et tu peux quand même importer
de fichiers de config d'origine
si il y a des choses qui sont pas faisables
enfin voilà c'est
ouais je pense que
sur des très gros projets où t'as beaucoup beaucoup de code
la migration sera peut-être pas
si facile
et surtout si
aussi tu
tu utilises un framework
ou une librairie de composants
qui est basée sur Tailwing CSS
ça veut dire que ta librairie de composants
elle doit intégrer la nouvelle version
tout
si toi t'as fait du custom
t'as modifié les composants en origine
ouah po po po po
j'y crois pas trop
j'ai peur que ça soit bien plus compliqué
que prévu quoi
vraiment mais bon
ouais ouais c'est clair qu'ils sont assez forts
de toute façon c'est clair
enfin si tu retournes sur la doc
enfin t'as l'article et je crois que t'as le lien de la doc
c'est assez impressionnant la longueur
de la doc là
où ils expliquent un peu tout
il y a beaucoup beaucoup de choses
ok
après ils sont obligés
de toute façon
plus ils vont casser de choses
plus ils doivent justement faire de la pédagogie
expliquer parce que on a vu
des livrées rires
on va reprendre encore l'exemple de Angulars
quand ils ont trop pété de choses
il y a eu
les gens se sont détournés
de la solution
donc ils ont réussi
à vraiment faire un produit
bien
implémenté utilisé par beaucoup de gens
néanmoins
si la migration est trop trop trop trop
trop compliquée
ça sera ça risque d'être dangereux
pour eux donc ils ont intérêt à faire
de la pédagogie et à bien expliquer
le pourquoi
disons qu'à un moment je pense qu'on va
je pense qu'on va certainement
des nouveaux projets potentiellement
tu vas partir sur la version 4
mais sur les anciens je sais pas si on va les migrer
c'est ça
on va finir comme ça on aura des projets
en version 4 et des projets en version 3
et puis on va mixer entre les deux
à moins que là après c'est
une version beta donc peut-être ça va s'améliorer
que ça sera de plus en plus facile à migrer
je sais pas
mais l'outil de migration
il va vraiment changer de classe dans ton code
en tout cas lui il fait l'autre job
ok nice
allez
autre évolution
classique on en a parlé
suffisamment react qui passe
en version 19 maintenant
c'est stable c'est officiel
elle était en RC
depuis quasiment avril je crois
c'est ce qui est marqué
donc on va dire
c'est juste une finalité
voilà c'est la suite logique des choses
je me rappelle pas mal de nouveautés
exactement
de toutes les nouveautés
n'utilisant pas réact au quotidien
je me rappelle plus
exactement
les fonctions et en tout cas
ce qui va vraiment changer
dans cette nouvelle version
il y a beaucoup de choses
on va pas toutes les réperteriers
il y a le lien pour ça
mais à noter quand même
il y a un full support
pour les web components
donc ça c'est pas mal
c'est à dire qu'aujourd'hui tu peux vraiment mixer
là ça prend à 100% le support du web component
c'est à dire que tu peux intégrer un web component
dans ton template
gsx la React
et tu vas pouvoir mettre des props dessus tout ça
donc c'est totalement compatible
donc voilà
il y a des gens qui sont très contents de ça
de pouvoir intégrer des web components
l'interopérabilité
c'est vraiment le futur
et je pense que Astro a gagné aussi
en partie grâce à ça
où il était justement
il était framework agnostic
et là en fait s'il réacte
ouvre un peu les portes
et au web component
qui sont en fait
une version native
ouais c'est top
c'est super intéressant
nice
allez on bascule dans l'univers PHP
avec
cette fois-ci une extension
vs code dédiée
à Laravel alors qu'il sort en public beta
donc ça reste encore en beta
néanmoins
qu'est-ce qu'elle nous amène de plus cette extension
qu'on va pouvoir intégrer directement
dans vs code sur nos projets
Laravel elle va nous
faire quoi exactement
c'est l'extension
officielle de Laravel
donc développée par l'équipe de Laravel
qui avait été annoncé
dans la conf
Laravel conf
Lara conf
c'est ça et donc officiellement
elle est sortie là dans les tangs
à la date qu'ils avaient prévu
ce qu'elle apporte c'est surtout de l'autocompression
au niveau des fonctions etc
beaucoup d'aide au niveau du code
classique
il y avait déjà une extension
qui existait sur JetBrains
et voilà sur vs code c'est vrai que ça a manqué
il y avait des choses qui existaient déjà pour Laravel
mais ce n'était pas des trucs officiels
donc là c'est la vraie
il y aura beaucoup d'aide pour coder plus rapidement
avec les bonnes fonctions
tout ça l'autocomplétion
même si aujourd'hui il servait avec les lias
ça fait presque le job
là on sera branché
directement sur
une version native
de cette autocomplétion
et de liens
directement
pour
toutes les fonctions
et toutes les API
ça prend tout en plus
la tessuré inertia par exemple
qui sont des trucs
qui se rajoutent sur Laravel
ça prend vraiment un large scope
d'outils Laravel de tout l'écosystème
à tester
pour les amateurs de
Laravel
on ne peut pas faire
un épisode news sans parler
de cette nouvelle librairie
JavaScript de composants
et cette fois-ci
c'est Unstyle UI
c'est base
base UI
ok alors pourquoi
il commence avec ça ?
parce que
c'est une librairie de composants
qui est non stylée
non stylisée
ok alors c'est moi qui ne sais pas lire
et qui n'est pas compris le truc
ok ça s'appelle base UI
ok et on retrouve
quasiment les mêmes composants
qu'on a un peu partout
Accordéon
les trucs un peu collabes
la fameuse
c'est spécialement réact
uniquement réact ?
c'est uniquement réact
ok
on connaissait un radix UI
qui apparemment
je ne sais pas trop quoi
mais serait de moins en moins maintenu
donc le créateur
de radix UI
aussi du matériel UI
qui l'a fait
a relancé une nouvelle librairie de composants
toujours pareil
qui est non stylisée de base
et qui est totalement accessible
voilà donc on peut utiliser
après ça devient un peu
un standard
l'accessibilité
par contre moi ça commence
enfin je ne sais pas que ça commence à me tendre
mais je trouve ça
un petit peu dommageable
en fait que les créateurs
de
de librairie on va dire de composants
utilisent des outils
ces outils n'évoluant pas
et ben ils abandonnent la librairie
ils en créent une autre
ce qui fait qu'il y a une sorte de fuite en avant
et on est tout le temps obligé de mettre à jour
ou de migrer ces composants
et ça c'est un peu compliqué
parce que si tu as vu
souvent quand tu fais un choix
il ne faut pas se goûrer
donc tu as tout intérêt
à bien choisir ta librairie de composants
donc moi clairement
sur une librairie qui est un peu nouvelle
récente
ou bah je n'irai pas
parce que je n'ai pas envie de me retrouver
si
les devs
alors même si c'est open source c'est très bien
mais recoder
si tu t'appuies sur une librairie de composants
c'est pour te faire gagner du temps
donc si tu dois recoder tes propres composants
c'est pas la peine
non mais c'est clair
surtout que ces genres de librairies
une fois que tu commences à utiliser
tu en mets un peu partout dans ton code
mais au jour où tu dois changer
tu dois tout recoder
pas possible
donc attester
à voir si ça vaut le coup
de faire une petite migration
ou pas
après moi
j'ai tendance à éviter
ce genre de librairie
peut-être l'utiliser par Simoni
sur certains éléments
vraiment c'est trop compliqué à faire
tu vas le chercher et tu vas l'utiliser
après il y a certains trucs qui sont
quand même faisables
c'est pour ça c'est quand même délicat
de choisir une librairie
il y a déjà eu le problème
précédemment dans les matériels UI
tout ça
ou même des migrations
de matériels UI qui étaient compliqués
c'est délicat
dans les projets aux clients
de dire la librairie
on doit migrer ça va coûter temps
c'est très évident
non
très très compliqué
on bascule
sur autre
quelque chose de beaucoup plus léger
mais
si vous ne savez pas
je suis un grand admirateur de NUXT
et Supabeis a fait
une petite vidéo
où il montre l'équipe
de NUXT
c'est un petit reportage
qui fait 12 minutes
13 minutes
qu'on peut retrouver sur le twitter
de Supabeis
où on voit en fait l'équipe de NUXT
bosser dans leur bureau
à Bordeaux
ouais c'est ça
petite vidéo où on voit l'équipe de NUXT
comment ils travaillent
comment ils ont implémenté Supabeis
c'est chouette, sympa
un petit peu les coulisses de NUXT
behind the code
donc si vous avez 12 minutes
allez voir cette petite
vidéo c'est plutôt sympa
et vous voyez l'envers du décor
d'un projet
extraordinaire, NUXT
en plus il explique
il réexplique
pour l'histoire
il était déjà venu dans le podcast
il cherchait dans les anciens épisodes
il y a Sebastian Chopin qui est venu dans le podcast
il nous a déjà expliqué
comment est NUXT
il le redit en fait
comment il est tombé fou amoureux
de vue
un jour en tombant sur la doc etc
c'est un peu le début de NUXT
puis on voit un peu les coulisses
c'est chouette, j'ai déjà passé devant les bureaux
de NUXT une fois à Bordeaux
mais je savais pas que c'était comme ça
ils sont juste sur la rue
j'aurais pu taper à la vitre
moi je suis une fois je le ferais
excellent
écoutez
on arrive à la fin de cet épisode
Patrick
vous vous dit un grand merci
d'être resté jusqu'au bout de l'épisode
pensez à nous mettre un petit pouce, un petit like
partagez l'épisode
évidemment avec vos collègues
faites la promotion auprès de
tous les développeurs possible
profitez des fêtes pour
débrancher l'ordi mais pour faire la promotion
de podcast aussi
et de la chaîne youtube
un grand merci à tout le monde
à tous les sponsors
et on vous dit à bientôt
ciao ciao

Les infos glanées

Je suis une fonctionnalité encore en dévelopement

Signaler une erreur

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

Lien du podcast

[{'term': 'Technology', 'label': None, 'scheme': None}, {'term': 'Technology', 'label': None, 'scheme': 'http://www.itunes.com/'}]

Go somewhere