Fred K. Schott - Snowpack, Astro

Durée: 57m22s

Date de sortie: 24/09/2021

Si chaque page qui load ce component
donne un filet, un set de JavaScript,
et vous faites ça pour chaque component sur la page,
vous ne pouvez pas réutiliser et réétenir
le JavaScript sur et sur.
Des pages différentes,
vous utilisez différents components,
vous vous portez ces components
comme le point de la point de la course.
Bonjour, bienvenue à la podcast de DevTools.
C'est un podcast de DevTools et les gens qui le font.
Je suis Andrew et c'est mon co-host Justin.
Salut tout le monde, notre guest aujourd'hui est Fred Schott.
Fred, vous avez été assez influential dans le space web de la tooling.
Vous avez travaillé sur le team de Polymer,
vous avez aussi créé Snowpack et Skypack,
et maintenant vous êtes en train de construire Astro.
J'aimerais vraiment vous placer plus en Astro
et vous demander plus de ça.
Et la autre tooling que vous avez travaillé sur.
Mais avant que nous fassons ça,
est-ce qu'il y a quelque chose d'autre que vous voulez dire à l'audience?
Non, je pense que ceci est un tout de même.
Ceci a commencé avec Polymer,
ce qui ne me semble pas être assez parlé.
Les components web, des épisodes, des idées, etc.
Donc oui, ça le démarre.
Peut-être que nous pouvons juste commencer là-bas.
C'est comme une longue route de Polymer,
à ce que nous sommes à maintenant.
Qu'est-ce que vous ressentez de l'aventure que nous avons fait
dans les components web?
Est-ce que vous pensez qu'il y a encore un futur pour ça?
Ou est-ce que c'est plus un peu plus sur les frameworks?
Je l'ai dit, j'adore les deux.
C'est le premier.
C'est comme un robot, si j'ai quelque chose.
J'adore les deux.
Long walks sur la bête, etc.
Ceci a commencé avec les components web,
les spécs d'arrives, et aussi une partie de ça,
c'était, au moins sur la team Polymer,
en regardant l'ESM,
ce genre de manière dont beaucoup de nous sont en JavaScript,
maintenant, qui utilise l'import et l'export.
C'était tout de même assez nouveau à l'époque.
Et donc j'étais assez heureux de travailler,
en fait, sur Chrome,
parce que la team Polymer était partie de Google à l'époque.
Donc sur Chrome, avec les gens qui travaillent sur ces spécs,
et qui ont eu l'expérience de la première fois,
en regardant ce que c'était,
en regardant les finitions,
et des appréciations pour les parts finises,
qui vous en voient maintenant vraiment d'exploitation par Denna,
l'idée que vous pouvez importer un URL
est assez radicale,
en comparaison à, à moins, je l'ai toujours écrit en code,
en même temps, les choses qui sont maintenant,
finalement, qui sont en train de se voir en l'avenir,
qui sont vraiment en train de parler en fait,
dans le processus de spécs.
Je me sens très heureux de pouvoir être là pour ça,
et tout a été de cette expérience,
Snowpack, l'ESM Build Tool,
en temps où Webpack était vraiment la seule bête,
Rollup, c'était bien, mais c'était vraiment un bundler,
et Snowpack était vraiment tentant de prendre la bête,
pour que ce soit un bundler,
et Skypack, comme ça,
pour importer un URL de la communauté JavaScript,
que Denna maintenant utilise pour beaucoup de choses
sur la NPM. Donc, c'était tout pour explorer
cet espace où l'ESM,
ce qui va changer avec cette nouvelle technologie,
que nous sommes tous en train de se coucher
sur la surface.
C'est vraiment cool.
Donc, pour tout ce que vous avez,
comment est-ce que l'Astro est allé,
quelle est votre inspiration pour ça?
Parce que, comme je comprends,
c'est d'être un générateur statique,
il y a beaucoup d'generateurs statiques
qui sont là, quelle est votre inspiration
pour créer l'Astro?
Il y a une manière de dire la histoire où je ne les ai pas
plus ambitieuses et plus
généralement, comme, oh, un autre site statique,
qui t'intéresse?
Mais non, c'est le prochain step,
qui est de vous dire que vous pouvez vous donner
cette technologie pour une meilleure
utilisation, comme, qu'est-ce que les gens
veulent faire aujourd'hui, et, importé par un URL,
pas que beaucoup de gens en ont fait ça,
en bloquant votre code, juste dans le browser,
comme, vous avez utilisé un petit CDN.
Mais, tout le monde est construit sur les websites,
c'est le plus important que nous réalisons,
avec quelque chose qui est construit sur le snowpack,
comme l'Astro est, vous pouvez,
essentiellement, construire un type de site statique
que vous ne pourriez pas construire si vous êtes
construit sur un bundler où tout doit être
JavaScript, tout est procédé avec
Tooling, et vous avez cette base-line
d'explicité. Astro, vraiment, t'essaie de
être le anti-antibus, anti-octobus,
où nous sommes vraiment en train de être HTML1,
et de faire un modernité sur ce que ça veut,
pour construire un site, sans vivre
complètement dans le monde de construire
une application JavaScript, qui,
les meilleurs websites ne sont pas vraiment
dans nos rasses.
Donc, pour nos listeners qui ne savent pas
quel est le tout, et comment c'est différent
de ce qu'ils ont currently utilisé,
quel est le snowpack, et comment ça
diffère de l'application web?
Oui, le snowpack est un outil de base-line
qui ne utilise pas un bundler, par défaut.
Donc, si vous avez entendu le VIT, c'est vraiment similaire.
Ils sont tous sur le même temps, et ils existent
pour se résoudre au même problème,
pourquoi vous vous bundlez tout
pendant le développement, quand nous avons
cette nouvelle ESM, cette nouvelle code que vous
vous faites, et ça peut être en train de
faire le browser. C'est vraiment l'inspiration
pour cette toute chose, et il y a tous ces
bénéfices de performance, vous vous en avez
essentiellement un instant de save, un instant de reload.
Si vous avez vu un save et que vous avez vu
votre bundler, vous avez vu quelque chose que
dans votre expérience de développement, vous avez
fait plusieurs secondes pour se refaire. Le snowpack
et le vignette, ils existent pour se résoudre
ce problème. Donc, c'était la nature de la bundler.
Et l'astro est construit sur la idée
que si vous vous buildez sur le bundler, tout est
javascript, comme Next.js, Scatsby,
tout est construit sur le top de Next.js, comme
Blitz et Redwood, et
tous ces javascript
les outils sont
construits pour javascript. Donc, ils sont
construits pour bundler, le code est javascript,
il y a plus de javascript, javascript, javascript, javascript,
tout le monde est dans le stack. Et nous avons vu
ce qui est bien, bien, comme
pas de la façon dont quelqu'un d'autre
fait le développement web. Si vous regardez
la communauté de Rails, la VL, le PHP
et
toutes ces autres communautés non javascript,
elles sont encore dans le monde de la
service de retour de HTML. Et la pensée
de votre site est de multiples pages, pas de
une grande application. Donc, dans un monde où vous ne
vous bundlez pas tout, vous pouvez être
prêts à regarder
HTML, pas de ce qui est généré
par votre javascript, mais en fait,
comme le fait que votre site est fait. C'est la même pour
CSS. En plus de ce qui est généré par javascript,
c'est une première classe de
snowpack et astro, qui est vraiment
en train de l'entraîner.
Oui, quand je me suis rendu plus en train de
faire, j'ai commencé dans le monde anglais, mais je
m'ai rapidement évoqué à la vue, en temps
que la vue 2 est sortie et j'ai
introduit la notion de la pièce de file
et j'ai eu le sens comme si je
évoquais HTML, j'ai toujours
eu le sens de la vente javascript,
des ramifications de la vue
en utilisant les frameworks. Et puis
svelte est sortie.
Et ça a l'air comme une
progression naturelle.
Pour être faite de la vue, en vue 3, ça
fait beaucoup de choses que svelte fait.
Donc svelte est en train de
donner un peu de javascript qu'il faut
pour que ça soit possible. Et pour les
choses comme SSR, ils peuvent faire
beaucoup de choses intéressantes. Il y a
des choses qui sont, hey, c'est pas un v-dom,
c'est juste un grand string. On va
juste envoyer un string, donc ça devient
une réponse relativement rapide.
Et puis, en regardant
Astro, c'est ce que je vois
comme la progression naturelle de toutes ces choses.
C'est comme en écrire un component astro,
qui a sa propre interface component.
Ça me fait
faire svelte ou utiliser la file single.
Mais il n'y a pas de javascript
par default. C'est vraiment intéressant, parce que
ça change beaucoup de la décision que vous faites.
Un autre chose que je voulais vous
demander est
l'application component
en Astro.
Donc, en Astro, vous devez
spécifiquement
raconter un component, vous devez
dire, hey, je veux que vous
hydratez à la base,
ou quand vous êtes visible, ou quelque chose.
Vous devez être très explicit avec
l'expiration de la compétition. Vous pouvez parler
un peu plus de l'inspiration derrière ça, et
d'où je vais l'aider?
Oui, je peux même juste donner
ce que l'astro est, techniquement,
parce que c'est le parfait point de frame,
son visage, et le svelte est plus
html. C'est certainement
plus html-focused
dans le design de tout le monde, et
dans le cas de ce que vous êtes en train de mettre en place.
La chose sur le team est que, si vous avez
fait un html de l'ancien étudiant, pas
d'une structure, comme, vraiment,
un tag de question de html, où vous pouvez
injecter le code server dans votre html,
pour faire quelque chose qui se sent beaucoup
similare à ça, où vous êtes en train de
rédénier html, mais vous pouvez commencer
à injecter un temps de construction, et
eventually, un temps de server, pour generated
le contenu de l'application. Donc, html
est la base, mais en fait, vous avez un output dynamique.
Donc, oui, l'idée de l'astro est
qu'il se sent beaucoup comme si vous
étiez dans un site html, mais quand vous voulez
atteindre le JavaScript, c'est là-bas
où vous voulez être, comme, en fait,
être en train de vous envoyer, c'est pas ça que vous
devez sortir et mettre votre propre bundle,
ou quelque chose comme ça. Donc, ça se sent beaucoup
comme un Next.js, mais vous ne payez pas
ce type de JavaScript, la performance
que vous devez avoir. Et tout ce qui est un app
single-page, un site builder que vous devez être
en train d'être un Word soon, c'est-à-dire
Ктоind day, unliest script,
un initiel de solids, un type de
m transmission, ce n'est pas qu'il y a quelque kind

est campé en supposedly 닭, qui par

point d'enlρω wondering s'il vous faut
faire fréquence, si on्ía Île.
et on a fait une grande base de HTML,
mais on peut encore mettre dans le contenu dynamique
que vous voulez.
Et ils vivent tous sur les pages des islands injectés.
Le docksite est la première fois que nous avons été
utilisé pour utiliser ça, nous avons fait un bon travail.
Tout ce que nous avons fait c'est de préact,
donc si vous avez une langue, une translation, un dropdown,
ou un search, toutes ces choses étaient
des compagnons préactes.
Et puis nous avons voulu utiliser quelque chose
d'Algolia qui était seulement réact.
Donc, en fait,
nous avons utilisé un autre component
pour réévaluer notre site entier pour réact,
pour importer ou ne pas pouvoir.
Nous avons pu, en fait,
découper les deux de même à la même temps.
Ils sont différents islands, ils ne doivent pas
parler avec eux, ils peuvent coexister
sans réfacturer votre site entier.
J'aime l'idée de pouvoir
facilement targeter le client de service.
Parce que, typiquement,
dans une application de JAS,
c'est super facile de faire des services,
mais en tout cas, je veux que le client
soit le plus difficile.
C'est super cool.
J'aime beaucoup comment le Tercid
fait ceci sur le client,
sur le load,
ou quand il est en train de le faire.
C'est juste très cool.
Vous avez un lien direct
sur comment le code est loadé.
Je pense que l'un de mes préféres
est l'idée de
seulement loader cet component
quand il est visible sur la page.
Ce n'est pas une application de JAS
qui est tout le temps loadée,
mais c'est une application de JAS

Vous pouvez avoir votre site
seulement loadé quand vous scrollez.
Vous avez des contents
très gros, très bas,
mais vous n'avez pas de la faim
si quelqu'un est là.
Dans une application de JAS,
c'est tout le monde mixé.
C'est très difficile de se retirer.
Il n'y a pas de bon API
qui existe dans les autres frameworks.
C'est vraiment l'un des premiers
à faire ça.
Marco a beaucoup de crédit.
Si quelqu'un a vu Marco,
c'est un peu...
Il a été en train de explorer
ces idées plus longtemps.
On est donc en train de
faire ça possible.
Mais en fait, il s'agit
d'un site traditionnel
où vous n'avez pas besoin de apprendre
un nouveau syntaxe.
C'est juste HTML.
Oui, le team de eBay a fait un très intéressant
travail avec Marco.
Il a évolué beaucoup
depuis les années.
Ryan, qui est sur le team,
a un tweet favori.
Je pense que Dan Abramoff
de React, est encore
plus meilleur que ce que React est.
Ils ont fait ça depuis un décès.
7 ans auparavant, ils ont
l'answer à ce que sont les components de today.
Ils ont besoin de ton travail.
C'est un vrai framework
qui est un peu difficile de apprendre.
Mais, clairement, quand vous le faites, il y a des bonnes bénéfices.
Donc, la whole architecture
est assez cool. Mais ça arrive
avec des sous-tiles,
si vous réagissez au React et à Angular
et tout ça. Ce sont des frameworks
assez épais. Comment vous allez
faire de l'envr? Vous prenez les
quand la page vient? Comment ça arrive?
C'est toujours la question de
si je n'ai pas encore l'answer.
Comment on peut l'enlever
comme une idée de bonnes idées?
On a pas besoin de rewrite la page.
On a trouvé. OK, on va payer le plus de la coste
de réacte et de React. Si vous
avez un component pour chaque
framework, vous allez avoir un bon temps.
Mais comme vous avez dit, vous payez la coste
de chaque framework quand vous faites ça. Vous devez
être d'accord avec ce que vous faites.
Il y a une bonne raison pour faire du multi-framer.
Nous le verrons
comme les utilisateurs de la rare égale.
Ils veulent vivre en svelte
ou en vue.
En tant que vous achetez de la idée
de vivre separatement sur la page,
il n'y a pas beaucoup de sites-downs
c'est beaucoup de sites-up
sans que vous pensez trop.
La plus grande limitation est la idée
d'une sorte de library que vous
utiliserez, qui réacte, c'est la seule qui
souffre. Il y a un système
qui est construit en fait, qui est
un contexte pour l'ensemble de
la web. Et maintenant,
il peut aller de tout côté. Ils le font
par la application
de l'ensemble de l'application,
puis peut spleter par l'autre
않는-le dans le secondykliss at
loin. Ils ne sharedont
ce contexte gain, confidentement
de l'enquête du climate négociée.
Nous cherchons encore à clarifier
que ça 3afarait un enjeu
cause les Don.
Nous serons en acces
de hebben la condemned mais
on office pour carve
un grand détail en question.
inward notion
ans,
Très intéressant, un problème.
Oui, Svelte, d'autre côté, fait un bon travail avec ça.
Ce qu'on a fait dans Svelte est une idée de la store.
Et ça fonctionne totalement. C'est une importe que vous portez.
Ce n'est pas une fréquence spéciale, c'est vraiment
l'envers de JavaScript pour être comme,
« Oh, bien, on a tous les mêmes stores. C'est ici que c'est dans ce file. »
Nous sommes en train de partager cette date.
Des fréquences différentes, avec toutes ces questions,
c'est la solitude de chaque fréquence qui vient d'un différent
de l'aimant de ce qu'est le fait de la construction d'Islande
et de la façon dont ça peut se faire, si ça peut.
Je pense que c'est une implication très profonde
quand vous commencez à utiliser Astro,
que, en cas de la colère, quand vous importez un composant,
quand vous vous insèrez dans une page Astro,
vous devez penser sur comment ça se loader et les dépendances.
Et ça vous force à continuer à avoir cette pensée.
J'ai travaillé beaucoup sur la performance des années.
Et le challenge avec les réactes en particulier,
c'est que c'est vraiment facile de poursuivre un nouveau composant de réacte
et il y a un prix pour tout le monde.
Et c'est facile de faire des décisions
où je peux faire ça sur CSS, mais c'est juste un peu de l'esprit JavaScript.
C'est beaucoup plus facile de faire de cette façon.
Vous pensez à faire quelque chose responsable
ou quelque chose d'autre, votre comportement peut-être.
C'est juste que ça peut être facile
d'y arriver pour ce petit extra JavaScript.
Alors que je me sens comme le truc qui est vraiment harte
sur Astro, le truc que je suis vraiment encourageé
c'est de faire ça plus attentionnel
que de comment vous interagissez vos composants.
Probablement le plus grand de la faute-gum qui existe aujourd'hui
c'est l'idée que les composants ne se hydrèvent pas par défaut.
Donc même si je parfois mettrai un composant sur la page,
je vais essayer de cliquer et dire
Oh non, c'est un bug en Astro, qu'ai-je fait?
Et c'est non, non, vous devez être intentionnellement
opté pour ce giving JavaScript à la page.
C'est une chose d'intentionnel de design
où ça peut sembler comme un bug, mais c'est en fait le futur.
Où j'ai vraiment besoin d'une alternative,
mais par défaut, j'ai ajouté un JavaScript à la page.
Ça peut s'assumerer comme tout autre framework d'aujourd'hui.
Donc on est vraiment prêts à ça.
C'est une chose d'en penser,
que nous essayons de se résoudre
avec un sort de UI dans le développement
pour que vous puissiez en la bonne direction
pour que vous ne pensez pas que c'est un bug.
Cette idée est, je pense,
assez ingrédients dans le système de JavaScript java
qui est comme, les choses se sont bien en démon,
elles se sont bien en ce monde de haute-world.
Et puis, quand votre projet s'y passe,
ça se fait plus et plus et plus.
Et c'est comme le corps.
Et ça, c'est ce qui nous a appris
par Snowpack,
cette idée que votre bundler se fait plus et plus
ou plus vite,
parce que vous êtes bundlé dans l'ensemble de votre site,
juste pour commencer le site de service de la page.
Cette idée a, je pense,
été assez de thème consistant
dans notre travail.
Comment pouvons-nous en résoudre ces choses,
pas seulement,
on va regarder dans le monde de haute-world,
mais comment pouvons-nous en résoudre
une site qui va se scale
à des pages de 1000 et ne pas
avoir un grand impact sur votre performance
pour vous, le développeur et aussi vos utilisateurs?
Oui, c'est un problème de performance
assez commun.
Ce n'est pas un valet de la vente.
Vous avez rendu votre component en service,
ou quelque chose de réact,
mais ce n'est pas hydrélié,
ce n'est pas interactif.
Vous pouvez faire des choses
pour penser,
hey, qu'est-ce que je fais dans cet cas,
si un JavaScript n'est pas disponible,
comment je vais le faire?
Donc, je pense que
la framework de remakes
par les gens de ReactRouter,
ils font un bon travail.
Les autres actions sont juste formes.
Donc, si vous avez un JavaScript en page,
vous mettez un forme,
ou théoriquement,
avant que vous vous réhydrez,
mais,
souvent,
c'est ces sortes d'expériences
que vous êtes comme,
je ne vais pas penser à ça,
je ne vais pas faire avec ça.
On accepte la faute,
ok, c'est une expérience pour les gens,
parce que la complexité d'envoi
en faisant quelque chose,
c'est contre votre combinaison
de framework de sort.
Donc,
c'est intéressant,
et j'espère que
choses comme Astro
permettent plus de considération,
et de reposer
l'idée
de recruter
l'idée de progressive enhancement,
ce n'est pas assez,
mais,
vous savez,
rien n'est jamais,
pas de nouvelles idées,
toutes les idées.
Oui, oui,
vraiment juste en pensant à ça,
de la perspective fresh,
et j'espère que,
en faisant ça,
dans un moyen
qui est toujours
facile de
construire des nouvelles compagnies
et d'éterner les choses,
je pense que c'est la chose
que les frameworks modernes
nous ont donné,
c'est un moyen de mieux
architecturer,
comme previously,
si vous allez par les templates,
et
les PHP,
ou tout ça,
c'est juste que
cette expérience
peut être assez disjoint,
et c'est assez
difficile de maintenir.
En faisant
l'expérience moderne
sans les fausses,
c'est la plus grande chose,
c'est un moment où
11D est une bonne idée,
vous pouvez construire un site
très facile avec 11D,
mais un peu de ça,
c'est parce que c'est
assez difficile
de obtenir un JavaScript
sur votre page,
vous devez en faire
une bonne,
ou
n'avez pas d'opportunités
sur comment le JavaScript
fonctionne,
leur claim est
que c'est parce qu'ils veulent
vous construire
sans un JavaScript,
mais
en fait,
vous avez besoin d'interactivité,
vous avez besoin d'une
chose que vous devez
atteindre,
c'est là que nous essayons
de voir si nous pouvons
faire les deux,
on peut créer
une expérience
qui se sentait comme un JS,
mais
le résultat est quelque chose
qui est incroyablement
statique par défaut.
Un peu d'inspiration
pour Astro est de la
launch de
l'Oxide de Snowpack
et nous avons utilisé 11D
pour le faire,
et Alex Russell,
qui est un performant
grand-paw
en ligne,
juste comme
shakes hand at fist,
toujours en parlant
de la performance,
peut-être mieux
ou pas,
on a fait le rôle
sur Twitter,
on a pu le faire,
le performance
était super,
c'est super,
à l'inverse,
on était comme,
oh, c'est génial,
je suis super,
mais on ne fait pas
tout ça,
pourquoi ça?
Comment est-ce que c'est
ça?
On n'a pas fait ça,
c'est parce qu'on a utilisé
11D,
parce qu'on a utilisé
quelque chose de statique par défaut,
il y avait une activité
sur la page,
mais on a vraiment
dû aller en route
pour le faire,
et le défaut
était juste
un statique html
pour tout.
Un peu de cette expérience
est de la tête
quand on veut
construire Astro,
c'est juste un incentive,
c'est trop facile
de le faire,
pour que l'on puisse
construire
cet appareil,
pour que l'on puisse
construire cet appareil,
mais le second que vous avez
fait,
vous commencez à atteindre
les outils que vous n'avez pas
et si vous avez un outil
que vous avez html,
mais ça vous donne
une fin de la fin
pour trouver
l'appareil quand vous avez besoin.
C'est ce que nous pensons
d'une expérience
pour faire un peu de développement
où vous n'avez pas
besoin d'un site dynamique,
pas besoin d'un dashboard,
ou d'un tracker d'issue,
vous êtes juste construit
un site d'économie
ou d'un contenu
que vous voulez que vous
les utilisez
pour voir as vite
au moment possible.
C'est donc
ce qui s'applique.
Astro et
Snowpack
regardent le futur
pour l'aliment,
mais l'exemple
avec ESM
la première priorité.
Comment
les stacks
sont en place
d'un ComanJS?
Parce qu'il y a
encore un grand
JS en MPM,
et je vais en le faire
pour mon projet.
Je sais que VIT
utilise l'ES build
pour les compilier
sur le vol,
mais comment est-il
Astro ?
Oui,
Alors, Snowpack, qui est internally powering Astro,
était en fait le premier à prendre un stab à ceci.
Et VIT, en fait, l'ancienne version de la version de Snowpack,
a utilisé pour faire ça.
Donc, il y a un point de mariant de deux outils,
à un certain point,
où VIT travaillait sur le service de défi,
mais n'a pas de package installation,
ce qui est vraiment où l'un des premiers Snowpack a vécu.
Il y a un projet, ce n'est pas ES Build,
mais c'est l'ES install,
que nous avons éssentiellement porté notre package à l'étendement.
Alors Snowpack est dans son package,
donc vous pouvez encore l'utiliser aujourd'hui.
Et le rôle est essentiellement de dire à nous ce que l'on utilise,
ESM, CommonJS, on ne s'en va pas,
nous allons créer l'ESM version
de chaque de ces packages pour les utiliser.
C'est une grande partie de ce que Snowpack
a commencé, et ce qui fait le TIC,
c'est que vous, le développeur, êtes déjà en ESM.
Vous êtes prêt pour ce futur,
mais vos packages ne sont pas.
Peut-être qu'ils n'ont pas été réveillés,
peut-être que l'authors voulait le faire sur note,
donc il y a eu CommonJS.
Pour aucun raison, les packages sont toujours en CommonJS,
c'est juste le monde que nous vivons.
Donc, Snowpack a vraiment été
en fait le premier à créer pour résoudre ce problème,
plus que tout autre que ce qui est en train de faire,
c'est que vos packages ont été créées en ESM,
et c'est encore un peu le cas avec ce que Snowpack fait aujourd'hui.
Donc, oui, Astro est certainement
qu'il peut arriver sur les doigts de ça,
et faire ce genre de choses
sans ne pas se prévoir pour ce problème.
Est-ce que les utilisateurs de Snowpack
ont des implications sur comment vous faites
les bundles de splitting ?
Je sais que avec Astro,
vous pouvez probablement prendre une route
plus facile, où vous avez tous les islands
dans votre bundle, et on va juste le garder simple.
Mais il y a un potentiel où,
si vous avez plusieurs components réactes
sur une page qui sont différentes,
et que vous avez des islands de la même manière,
vous ne voulez pas réacte beaucoup de fois,
mais si vous utilisez ESM,
peut-être que ça va être facile.
Qu'est-ce que ça ressemble ?
Vous voulez surement partager les dépendances
de ce que possible.
Les implications d'architecture de l'islande
sont les plus cooles,
parce que tout le monde
a besoin de un second look
sur comment nous avons fait le développement de web.
Encore plein de gens ont fait ça,
mais au moins dans le monde de la tooling JavaScript,
où tout est bundlé par la page,
et votre whole website est,
en fait, une application JavaScript.
La page devient
le genre de place naturelle
pour faire des codes de la paix.
Donc page A, page B, page C,
tout le monde est sur votre site.
On va être bundlé par ces points d'entrée.
Si ils ont des codes, ça va être expliqué.
Mais ensuite, vous êtes à la risque de,
bien, ces deux pages ont besoin de codes,
mais ensuite, cette autre page aussi a besoin de ça.
Vous allez ensuite arriver
avec cette question impossible,
qui est, est-ce que nous allons le faire
dans une chose de share
où tout le pays va le faire,
même les pages qui ne sont pas besoin.
Donc, c'est un cost de bêtes
sur le wire que tout le monde a à payer.
Ou, on va mettre ça dans les bundles.
Donc, si vous allez à page A et page B,
vous allez avoir des codes du même nombre.
Donc maintenant, chaque des pages
s'en va plus.
C'est un tasque impossible
de comment vous expliquer le code,
pour que ça se termine sur les pages
qui ont besoin et ne se termine pas
sur les pages qui ne se sont pas.
Dans un monde où vous essayez
de combiner les files together,
c'est impossible.
Ce qui est intéressant
de l'architecture de l'islandie
est que la page devient HTML.
Donc, vous n'avez pas vraiment
cette même chose.
C'est le point naturel.
Vous commencez à penser
plus en termes de components.
Donc, on est heureux
que nous vivons dans un monde
où les HTTP2 et HTTP3
sont ces nouveaux protocoles de networking.
C'est comme si vous avez
pu pouvoir en être transitionné
sur un point où Chrome
va juste pouvoir
mettre différents files
beaucoup plus vite et plus parallèles
que ce qu'il pouvait.
Donc, on peut commencer à se faire
couper sur la page.
Il faut que vous vienne
sur le wire en un file.
Et commencer à regarder
plus en un component par component.
Si
chaque page qui load
ce component
donne un tasque,
un file,
un set de JavaScript.
Et vous faites ça
pour chaque component sur la page.
Vous en avez l'air de ne pas
re-user
et re-sender
un JavaScript
sur et sur.
Des pages
utilisent différents components.
Vous vous portez ces components
comme un point de point de point
de point de point de point.
Et vous en avez plus
de code du duplicate
pour le résultat.
Les pages qui ont besoin
de ce component
ont le component.
Les pages qui ne l'ont pas,
ne l'ont pas.
Et non,
et non,
vont passer par votre site.
C'est vraiment...
C'est probablement l'un des
les plus intéressants
des choses que je pense
pour l'aspect de la performance
de ces sites en astro.
On peut enfin
enlever ce problème
qui affecte
tout le projet.
Sans le dire,
c'est impossible
de se mettre en place
quand vous commencez
à se couper
en lieu de
les components
que vous utilisez.
Je suis déjà re-solt.
Je suis déjà re-solt.
Super excité
pour l'Asher.
Je me souviens
que les generators
de site statiques
ne peuvent
que se couper
si bien.
Donc,
je le vois
et je pense que
l'Asher a une vie
au-delà de la generator de site

Et le premier step
est important pour la
majorité de la grossesse
et les dégâts
et l'écosystème.
Donc,
on va parler un peu
du rendering de service
ou du dynamique
en lieu de
des pages statiquement
générées.
Il a été mis un peu
dans votre dernier
rélease
que vous faites des changements
qui vont faire
le rendering de service
un peu plus facile.
Qu'est-ce que les
pensées et les plans
de future
dans cette direction ?
Oui,
c'est vraiment
de vivre longs
pour voir vous
devenir le villain
type de chose

chaque site de site
généralement
doit être le problème
qui est que
je suis en train de
faire un site commercial.
Je ne peux pas
rébuilder mon site
chaque fois
que un produit
se dégâche.
Le site entier
ne peut pas le faire.
Ce n'est pas
à la scale.
Il pourrait travailler
pour 5 choses,
mais certainement
pas un grand
fonctionnement.
Comment vous portez
cette performance
de site statique ?
Et c'est comme
le problème de jam
de la base,
essentiellement.
Bbalancer
et de l'esthétique
et de l'esthétique
avec le contenu dynamique.
Je ne pense pas
que un site
statique
qui n'a pas
événement
déclaré.
Donc,
je pense
que c'est
quelque chose
qu'on va
et comparer les deux.
Et c'est des bons démos
mais
il a encore souffert
de ce même problème.
C'est quelque chose
qu'on va avoir
à la fin de la solution.
Nous devons
mettre des features
qui ont mis à l'état
pour qu'il soit
essentiellement
une optin invisible.
Vous pouvez dire
que je dois
être dans le site.
Mais nous
encore aimons
l'idée.
Et je pense que
11D
fait un bon travail
de ceci,
de la stabilisation
de la base
de la base.
Et de la
service,
c'est...
Si quelque chose
doit se faire
de la service,
c'est d'avoir un optin.
Je pense que
je suis en train de
faire un service.
Vous avez déjà commencé
d'une position de
OK,
maintenant,
un code doit être
mis à chaque requête.
Comment on scale
ce global ?
Comment on distribue
ceci ?
Plenty de
gens
travaillent sur ça.
Mais c'est juste
un peu mieux
si vous pouvez
faire un statuque.
Oui, oui, absolument.
C'est un espace

Et
il y a tant de gens
qui travaillent
sur ceci
et
beaucoup d'inspiration.
Bien sûr,
le team de la prochaine
JS
a brisé le trail
et a mis
beaucoup de
très intéressants
patterns
pour comment
quelque chose
est interprété
à l'état
ou
leur
régénération
est
vraiment fascinée.
La idée
que vous pouvez
avoir quelque chose
qui est
statuque
mais
les scènes
vont générer
une fois.
Et
je trouve
cette pattern
vraiment,
vraiment fascinée.
Bien sûr,
vous avez des choses
comme
spelt kit.
Donc,
en spelt kit,
vous avez
ces options
que vous pouvez spécifier.
C'est comme
oui,
je veux ce
chose préranger
comme préranger
le vrai
et votre compagnie.
Et puis,
c'est comme
un option.
Un peu de frameworks
ont le sort
d'adapteur
mode.
Vous pouvez avoir
des adapteurs
pour dire
que vous pouvez nous dire
comment vous voulez
votre service de rendition
pour arriver.
Donc,
si vous voulez faire
ceci sur Cloudflare,
Netlify
ou autre chose,
vous pouvez
adapter
cette interface.
Et je suis vraiment
très excité
juste
à la décision
que l'Astres a fait
pour voir
ce que
ce futur
semble
pour les jeunes
parce que
les décisions
que vous faites
vont être
vraiment compétentes
pour la whole
ecosystem.
Ça
semble que
chaque
générateur
qui va
faire cette progression
semble que
juste
ajouter un peu plus
pour la
théorie
d' Beast

Et nous avons
totalement
b Kent

Gs.
Nous
rajouter
d'aer
CTC
il se trouve
bien


NO
ab том
S

La
Nu

le
G router
tout
BRE
WHAT
EN
LE
C'est un peu de narration sur lesquels je suis arrivé.
C'est incroyable de apprendre d'un des ingénieurs et des designers.
Astro a des features statiques qui sont déjà construits.
Je l'ai lu dans les docs et tu as des choses comme la génération de la génération de l'SSV.
Je souhaite que plus de websites soient sur le site.
J'ai hâte de voir combien de sites je peux consulter.
Je suis comme, oh, je suis sur un feed de l'SSV et c'est juste pas là anymore.
J'espère que cette partie de la web ne se démarre pas.
Tu as aussi des maps de site.
Est-ce qu'il y a d'autres features statiques qui sont déjà construits sur Astro ou d'autres cool maps sur la route ?
Je l'aime beaucoup.
Si tu es construit comme un blog, un site documentaire, ou d'autres contenus,
il y a juste des choses que tu as besoin que beaucoup d'autres projets ne sont pas concentrés sur.
Je peux penser à quelques choses.
L'une est de la compétition et le démonstration.
C'est la même chose qu'on a fait pour la génération de l'original.
On a pu le faire en bas à la fin de la fin de la minute.
C'est un peu de distance.
J'aime cette idée parce que c'est totalement en train de se concentrer sur Markdown.
Au bout du jour, beaucoup de nous ont fait des contenus sur la web.
Et avoir l'idée de faire des contenus et de la mélanger dans votre poste.
De l'exacte syntaxe que tu as utilisé pour cette compétition sur Astro.
C'est un peu comme un MDX, mais pas juste de la réacte d'écosystèmes.
C'est la même compétition que tu pouvais utiliser sur View & Svelte.
Je vais aussi travailler sur le système.
Je suis vraiment très excité.
La pagination est la dernière, qui est construite dans le framework.
Il y a une idée de...
Je dois avoir une liste de 100 choses.
Comment créer 10 pages de 10 articles?
10 items à chaque.
C'est un téléphone de single function dans notre monde.
Nous avons vraiment envie de faire surement que la pagination de l'RSS,
ces cas-ci sont des cas de blog.
Nous avons tous été handels pour que tu ne devais pas trouver une autre solution sur l'écosystème.
Et peut-être pas que tu le setes ou que tu le trèves.
Ou juste que tu es tentant de garder ce projet très opinionné et construit.
Oui, c'est génial.
J'ai construit quelques générateurs de static site dans mon jour.
Et je dois toujours mettre ces choses.
Je suis heureux que tu as pris le temps.
Avec ta version de MDX,
tu peux importer un type de component.
Tu peux importer un component anglais et réacte.
Et utiliser les components envers ton MDX.
Oui, on est assez proche de ça.
Ce qui est que le MDX currently comporte nos components astro-components.
Il a l'air de le mdx, mais on a déjà eu l'infrastructure.
Pour dire que, si ça se comporte, nous pouvons le faire et les components vont travailler.
Encore une fois, c'est une idée de la compétition sur HTML.
C'est la langue base.
Il ne faut pas se prévoir.
Ok, bien, ce Mdx comporte les réactes.
Et maintenant, je peux seulement réacte.
Un Mdx file a beaucoup de feel comme une archétoque d'Isle.
Paragraphe, paragraphe, et maintenant, tweet, embetté tweet.
Paragraphe, paragraphe, YouTube vidéo.
Deux choses en pensant sur les components,
de la façon dont on mélange les contenus et les components dynamiques.
Ça fonctionne vraiment bien avec notre modèle.
Les pièces sont là.
Il y a quelques questions.
On a besoin d'un nouveau extension de file?
Mdx est bien.
Je ne veux pas qu'on les tombe,
mais je vois aussi pourquoi ils ont créé leur propre extension de file.
On a besoin d'un autre genre de chose?
Comment est-ce que ça peut être invisible?
Je pense que le team NUXED,
qui est une prochaine frameworks pour View,
a un bon approach pour ne pas avoir besoin d'un nouveau extension de file
pour utiliser des components de View dans votre breakdown.
C'est un Mdx pour View.
Je pense que c'est où je veux prendre beaucoup de notre inspiration.
Mais, encore une fois, c'est pour le view ecosystem.
Comment on peut créer un monde qui fonctionne pour tout le monde?
On a écouté un épisode avec Evan,
un peu en bas,
et il parle de la façon dont le view s'adresse.
Et ça fait, je pense,
assez près de ce que l'Astro fait dans ce scénario.
Il fait un breakdown et il compile le file
pour l'H&L,
et il envoie tout ça
par le component de file,
ou le render de template de View.
Et ensuite, il y a des components de View,
c'est cool.
Et avec l'Astro,
il sera tout statique,
si tu les hydrates,
c'est pour ça que tu les avais créés.
Le breakdown, c'est le fait que ils ont créé.
C'est le concept, mais la seconde,
tu vois un petit l'HTML,
et le breakdown, c'est pas le breakdown,
on ne va pas toucher ça.
Si quelqu'un fait ça,
ça fait un avantage.
Le breakdown est un truc spécifique,
et c'est pas le breakdown,
mais c'est le fait que tu as des types de breakdown.
C'est un point de vue,
où tu n'as pas besoin d'une complexité
de penser dans cette façon.
C'est sur ma radar,
parce que Andrew et moi
utilisaient beaucoup de cédia,
on utilise des files breakdowns,
j'ai publié mes notes
en basant le breakdown,
et je voudrais que je l'aie
tout le temps appuyé par Astro,
comme un file de breakdown
en basant le breakdown,
et que j'ai publié
les choses.
Il y a beaucoup de choses à faire,
si tu fais web development pour un pays,
tu peux jouer avec différents compagnons
et interagir directement dans votre blog.
C'est comme, hey, c'est un bon compromis,
la chose que ça fait,
sans avoir de la pensée
d'architecture.
C'est super fort.
Je pense que c'est un des choses
où les gens regardent ce que nous faisons,
comme, oh, c'est comme 11D,
mais peut-être un peu différent,
ou peut-être un peu plus simple,
mais c'est un peu simple.
Il y a tous ces takes sur ça,
mais je pense que mon préféré est,
si les mots de la pression sont plus moderne,
si il y a une façon de prendre les notes
sur Astro,
et que tu as un CMS,
ça ne doit pas être super avancé,
c'est très simple,
et le développeur est très focus.
Mais avoir ça,
c'est tout pour que,
ce n'est pas comme,
tu dois aller en setup,
c'est le plug-in pour ça,
le contenu,
ou en utilisant ton propre editor,
ça devrait être supporté,
mais dans un moyen
qui s'adresse directement,
OK, c'est bien,
je suis allé en pumping ça
sur Astro,
et en ayant un site web
comme résultat,
c'est notre rêve.
Astro, CMS, c'est un commande,
je ne sais pas si on va y arriver,
mais il y a un certain ответ
pour faire ça plus facile
pour avoir le contenu sur la web,
c'est probablement le plus difficile
de faire,
dans le web moderne,
et on a vraiment,
RSS, l'impagination,
tous ces choses qui sont construits,
sont venus de ce lieu,
pour faire ça plus facile,
pour créer le contenu et publier.
Ouais, ce que l'Astro est en train de faire,
ça me rappelle,
c'est comme,
tu fais tout un component,
dans un component web,
c'est-à-dire,
l'exemple de l'utilisation,
de juste,
c'est la chose que tu utilises,
et c'est sur le page,
maintenant,
de pouvoir le faire,
de tout le framework, c'est génial.
C'est comme,
l'opposite de Stencil,
où tu as l'autorisation
des components web,
et ça va tout,
c'est ça qui a changé,
tu peux prendre tout,
et mettre ça dans ton page,
c'est super fort.
C'est drôle que tu as commencé
avec le polymère,
parce que,
oh non, il fait juste le polymère,
arrête,
c'est juste le même.
Le component web est,
je pense,
objectivement,
une bonne idée,
que je ressens,
que c'est malade dans la haine,
de ce qui supporte,
ce qui ne marche pas,
et ce qui ne marche pas.
Mais l'idée générale,
c'est de réutiliser les components,
comme,
dans la histoire de Doc,
pourquoi ne pas
utiliser la櫻,
sur le bar de search,
dans mon projet de vue,
comme,
les utilisateurs de l'algo,
comme,
ils sont utilisés
à payer les clients,
c'est un business.
Mais dans un monde où
tu peux bouger,
un peu de logiciel de server,
et ce qui est maintenant,
comme,
le next.js,
envers les réactions,
donc,
la route,
le server,
comme,
tout ce qui est construit
dans un contexte réacte,
d'un système réacte,
et cela signifie
que le SULTKIT
doit réimpliquer
ceci,
le NUCS,
tout le monde
doit prendre leur stance
sur ce qui signifie
de construire
le logiciel de server
dans un contexte framework.
Et si,
ce que l'Astro peut faire,
c'est de le poursuivre,
et dire,
il y a un niveau de
logiciel de server,
route,
pagination,
generation RSV.
Si on peut le faire,
et puis,
on peut utiliser ces frameworks
pour qu'ils soient très bons,
utilisez le réacte pour vos UI,
laissez-les dans les layers UI,
ce qui est le framework
de chaque UI,
c'est dans le nom.
C'est là que nous voyons
l'amélioration des choses
où tout le monde s'est fait,
si on peut être
ce niveau,
ce niveau commun,
ce qui est essentiellement
le but de la compétence,
de avoir ce niveau commun
que tout le monde peut partager.
Et ce n'est pas pour dire
qu'ils sont en train de
compétir avec eux,
qu'ils peuvent vivre ensemble,
mais c'est juste
une grande ambition
qu'on peut défendre.
C'est drôle.
J'ai regardé
le mouvement de microfront,
et le niveau de complexité
de mammoth
que ça fait acheter
cette vision.
J'ai gardé un rôle
d'architecture
dans la vie précédente.
Et ça me fait toujours
concerner
la complexité incidentale
que vous avez fait.
Mais en fait,
je peux voir un monde

quelque chose comme la chaine
de la nourriture est powerée
par Astro,
et vous avez toutes ces choses
et c'est sûr.
Vous voulez construire
cette chose de la boxe de récipes
et vous voulez utiliser
votre choice de framework?
C'est bien.
Vous avez la liberté
de faire cette décision.
Et sans nous avoir
de la pensée
d'architecture,
on va avoir de la vanne
et de commencer
d'utiliser quelque chose
d'autre pour
notre chose de framework.
Et aussi,
juste l'idée
que ça peut être expandée
dans le futur.
Donc, si le réact
se fait en vogue
et qu'il y a un autre
plus grand
chose qui vient de l'autre,
c'est sûr.
On peut faire un jump
sur ce ship
et de l'increment
migrer
avec le dôdel de la mienne.
Si vous êtes quelqu'un
qui a été excité
sur Solid,
vous avez entendu
sur ce nouveau framework,
c'est réact,
mais c'est tout ça.
C'est un bon moyen
de le essayer.
Parce que dans
d'autres projets,
vous devez faire un bât.
Cette chose
va être réactée.
C'est le réact.
Et puis c'est votre projet.
Et Astro,
je pense que c'est l'une
de les mêmes manières
que vous pouvez utiliser
Solid.
C'est de la réacte.
Tenez le réact.
C'est le premier component.
Si vous n'avez pas la paix,
vous pouvez le faire.
Mais vous ne pouvez pas

C'est pas un grand fait.
Vous n'avez pas de réarchitecture
de votre projet.
Parce que vous voulez
essayer un nouveau framework.
Donc, à la très fin,
je pense que c'est la question
de c'est bon pour des grandes
entreprises
et c'est bon pour des petits.
C'est moi qui expérimente.
C'est certainement un grand
problème pour l'expérimentation.
Il n'y a pas de faim
pour me faire un nouveau framework.
Si ça ne fait pas
qu'il n'y a pas de faim
ou d'autres que j'ai fait.
Et même pour les grandes
entreprises, je pense que c'est
une idée.
Il y a une preuve de performance
pour avoir plusieurs frameworks
qui réagissent et réagissent.
Ok, vous avez payé la faim.
Mais c'est aussi sur le côté
de la complexité.
Mais,
quel est le risque de quelqu'un
de vous mettre un nouveau framework?
La performance, mais
comme tout autre,
où c'est tous allé
étendu ensemble.
Donc,
ce component,
ce component anglais que vous
vous portez,
peut être choisi le reste de votre site.
C'est tous allé et choisi.
Maintenant,
le tout est réagulé
et réacte.
Je sais que vous avez fait
ce truc à l'entire site.
Si vous êtes le personne
en charge d'architecture,
c'est une paix.
Mais,
dans un monde où
il y a une île,
ok, c'est vivant là.
Peut-être que je n'aime pas.
Peut-être que je dois
arrêter cette équipe de faire ça.
Mais,
ce n'est pas infecté à d'autres pages.
Ce n'est pas infecté
au reste de votre site,
de la même manière.
Donc,
je pense que Micro Front-End
c'est juste une des choses
où il y a un peu de choses
qui me font peur.
Mais,
il y a un peu de choses
où même,
si vous êtes un expérimentateur
ou un grand organisateur,
Astro
a un bon take
sur ce que ça pourrait devenir.
C'est assez cool.
Mais, je me sens que
il y a beaucoup de gens qui sont
vraiment très inquiets.
Et,
c'est un truc personnel,
mais je suis très fier
de voir que
Astro est bien pour Micro Front-End
et que tout le monde
décide que ce genre de caractère
est comme,
ah, non, ils se sont fait rire.
Ce n'est pas mon point
et que,
si vous êtes un éclair
et que votre compagnie
fait Micro Front-End
ou que vous êtes vraiment
intéressés en pursant,
je ne vais pas
vous détruire
de faire ce truc.
C'est juste mon take
sur ce genre de personnalité.
C'est
généralement la plus grande
chose qui me fait
toujours
des décisions
de Micro Air
comme de prendre la complexité,
surtout de prendre la complexité

Et ces choses
généralement tendent
à me faire rire.
C'est pourquoi
les choses comme Astro
sont vraiment intéressantes
parce que vous êtes
essentiellement
construit à une base-line
qui est assez stable.
En temps,
je peux relier
sur cette base-line
en étant solide
et je dois avoir
la flexibilité
à une autre layer,
juste jouer à la table,
essayer différentes choses,
expérimente,
éterir mon approach
et la base-line
reste statique.
D'une perspective
architectuelle,
c'est très confortable.
Je me sens
comme si on n'avait pas
parlé de ça,
mais l'idée que
quand vous pensez
de chaque component
sur la page
dans l'islande,
la histoire de performance
pour cela,
chaque chose
se loadait séparément.
Donc,
si vous imaginez aujourd'hui,
vous avez un bon espace
de navigation
qui est super important
et un
vraiment épais
d'image carousel
si les gens
sont toujours construits.
C'est vraiment
épais.
C'est vraiment
un peu épais.
Il y a beaucoup de
bêtes sur le wire,
il faut être initialisé.
Dans une application
traditionnelle
en JavaScript,
tout cela
est bundlé ensemble
et loadé ensemble.
Donc,
cette valeur incandes
qui est en train de parler,
cette
vraiment légère
éterine,
va prendre un temps
et cette navigation
ne peut pas être
quand elle s'occupe.
Pas parce que c'est
si épais,
mais parce que
ce qui a été bundlé
est épais.
Verso
quelque chose
où chaque isle
est séparément
éterin,
hydraté
et essentiellement initialisé,
tout de suite,
la header va
charger et s'occuper
plus vite
que la chose plus lente.
Ou,
si nous faisons
un truc visible,
peut-être
que tout le monde
n'a pas besoin de loader.
Ou,
les headers sont
critiques,
et la laitent
peut-être pas
quand c'est visible,
mais
quand la browser
est éterine,
on a un contrôle

pas seulement
sur comment les choses
sont loadées,
mais aussi pour séparer
les choses,
pour que les choses essentielles
soient loadées.
Tout le monde
s'occupe et ne impacte

sur la vallée de Kenny,
qui certainement
s'occuper de cet modèle.
Depuis que vous êtes
loadés
à différentes tempses,
est-ce que l'Astro
a un bloc de
bloc de charge ?
Ou,
comment vous
vous montrez
que,
hey,
cette partie
d'un pays
ne pourrait pas
être loadée ?
Oui, c'est une question
très grande.
Nous
suivons le service,
et nous
hydrons ça.
Vous allez voir
que le component
ressemble à la vallée de service.
J'aimerais
avoir un build-in
pour un component
qui ne peut pas
être de la vallée.
Vous pouvez
bien sûrment
construire ça.
Mais,
généralement,
c'est un component
hydrant
et non interactive,
version de soi,
ou un point
d'envergation
qui est un placeholder.
Et puis,
quand ça loadait
dans la browser,
ça se fait
tout.
Tout ça est supporté.
C'est juste
ce qu'on va faire
par default.
Cool.
Oui, vous avez juste
évoqué
la vallée de service
qui ne peut pas
être de la vallée
et qui
ne peut pas

Vous avez
une vallée
optionnelle
pour ça.
C'est
ce qui est
le point
où vous vous dites
que
l'astro
ne rend pas
rien sur le service.
Oui,
vous avez un point
d'envergation.
Une des
choses que je pense
est
intéressant.
Et peut-être que ce sera
mon dernier point
avant
qu'on change
les outils.
Donc,
j'ai vraiment aimé
la prochaine team
de comment ils pensent
de la performance
et de essayer
de construire
des vallées de service.
Comme vous l'envergez,
ça vous donne
une détailure.
OK,
nous avons des bundles
qui servent.
Nous avons des
lignes de
large.
Ils ont essayé de faire
le meilleur qu'ils peuvent
pour vraiment
faire des performances
en première partie.
Et je pense que
il y a beaucoup d'interessants
que l'astro
peut lever
dans le futur,
surtout parce que
si vous vous interessez
un component sur le page,
l'astro
sait
quelles assises
vont être utilisées
pour bundler
cette component.
Et il y a
une opportunité
de développement
pour dire que
ceci est vraiment
très
joli
et ça
peut faire
une performance.
C'est comme
que vous pouvez avoir
cette sortie de

presque à l'arrivée
de la site de la
call
comme
le cost relative
de faire
ceci.
Ce qui est
vraiment fasciné
cette opportunité
que l'astro a
c'est
plus difficile
que de lever
et d'autres frameworks.
Même en regardant
ce que je disais
c'est
une des choses
qui
dans le futur
je pense que
vous êtes
vraiment
les plus
proches de
ceux qui
ont un commande lint
qui va
aller
dans votre projet
et trouver
ce n'est pas un bug
mais vous le faites
et vous verrez
une meilleure performance.
Ils ont un bon travail
de
utiliser ce que nous avons
de vous donner des hands.
Mais
il y a un grand point
de
c'est complexe
donc on va
faire ça plus facile
pour vous
donc
analyser votre bundle
je l'ai fait
mais pas régulièrement
je ne fais pas
chaque semaine
je pourrai un cup de café
et j'ai ouvert
mon bundle de l'analyses
et je vais aller
le faire.
C'était un peu
un peu plus
on a canoe

audСп for
est

un
car
C'est un niveau de la vie, versus d'être en train d'ouvrir les tools.
ASTRO est beaucoup comme ça pour les propres composants.
Alors, en fait, pourquoi est-ce que ma page est 5 megabytes ?
Vous pouvez dire, OK, pourquoi est-ce que c'est un composant 5 megabytes ?
Oh, oh, oh, qu'ai-je fait ?
C'est là-bas, quand vous êtes en train de regarder le site et de regarder les tools de développement,
en fait, il faut être un step à la fois de la réunition, ce qui est certainement bon,
mais ça n'est pas ça, c'est juste de la porte pour vous de perdre quelque chose et de plier
sans réaliser une certaine sortation de récréation.
Cool.
Bien, je pense que avec ça, on va ouvrir les tips de tools.
Donc, mon premier tip de la toolisation est que nous allons prendre une route à la route
pour avoir un tip de la toolisation.
C'est un vidéo par le YouTube Véritatium de Cosmic Rays sur comment le univers est hostile contre les compétences.
Je n'ai jamais eu mon cerveau à l'aide d'un de ces vidéos,
mais, donc, apparemment, il y a ces Rays de Cosmic Rays qui sont dans le plan à tout moment.
Et quand ils ont fait la route, ils se sont rendus dans des petits trucs plus petits que les Rays de Cosmic.
Et apparemment, ces petits trucs peuvent être dans les compétences et se faire couper des bits qui causent des bugs.
Donc, comment ça peut être un tip de la toolisation est que,
parfois, vos bugs peuvent être causés par les Rays de Cosmic, donc, juste le tourner.
Mais, des exemples cool qu'il donne dans la vidéo sont lesquels il y a un machine de vote dans les années 80.
Et cette une femme a 4,096 extra votes.
Et ils disent, comment ça a peut-être été possible?
Nous avons cette machine, nous allons tester pour tous ces bugs et essayer de trouver comment cette bête a été élevé.
Et la seule explication qu'ils étaient capable de venir avec était
que un particle de Rays de Cosmic s'est venu et a fait couper la chose qui était en train de rouler le bête dans le place 496
et a donné à cette femme 4,096 extra votes.
Oh mon Dieu!
C'est incroyable!
Un autre exemple cool est qu'il y a un speedrunner Twitch Mario
et il a tout de suite fait couper un niveau de 100 ft dans Mario.
Et quelqu'un a fait une bête de 1000$ et il était comme,
si vous pouvez recréer ce bug, vous avez 1000$.
N'aura pas pu recréer ça pendant 6 ans et la seule explication qu'ils avaient pu venir avec
était que un bête-flip, un bête-flip random,
qui a été arrivé dans Mario qui a causé son valeur de haute pour aller de A à B.
Un gars a écrit un programme qui a fait couper la bête à la même temps que les deux vidéos.
Ça ressemble exactement à ça.
Donc si vous avez pensé que c'était un bête-flip dans mon programme et que je n'ai pas de clou,
ça aurait peut-être été un ray de Cosmic.
Oh mon Dieu, c'est bien!
Oui.
Et apparemment, quand vous vous rendez dans l'atmosphère,
la chance que ces articles de Cosmic vont être un peu hits et causer un error de bête-flip
se passe en subvention.
Et il y avait une flèche qui allait juste flirer et puis, tout de suite,
il commence à accélérer en haut et en bas.
Et en fait, dans le cabin, il y avait des holes dans la ceilée
où les gens se sont mis à la place parce qu'il y avait tellement de force
et ils ont pu passer le plastique qui était devant eux.
Et encore, la seule chose qu'ils pouvaient venir avec
était qu'il y avait un bête-flip qui était en détail
qui était en détail dans l'attache et un bête-flip a été fait.
Et ils pensaient que leur altitude était en détail dans l'attache
et le pilote de plane était comme,
on doit faire ça et aller dans le terrain.
C'est fou.
Je voulais juste partager ça parce que ça a vraiment brûlé ma main d'hier.
Quand vous vous commencez par ceci, je pensais que vous allez vendre un cristal
de ce qui va vous protéger de bête-flip,
mais c'est pas ça.
C'est dans notre store-marche.
Il n'y a que ça.
Je suis surpris qu'il n'y avait pas de bête-flip en détail.
C'est une idée fou.
Les stars ont explosé millions d'années.
Ces petits particules sont en train de faire leur tour au monde,
de l'univers et de faire le plan, et de faire du chaos massif.
Le vidéo termine par dire que ces types de bêtes-flip
ont aussi fait le même chose avec la DNA.
Ils peuvent faire un paire de DNA et le faire randomement flipper.
C'est ce que vous pouvez attribuer des mutations randomes
à un rayon cosmique, un DNA de embryos et un mutation neuve.
C'est peut-être même comme que les humains sont venus.
C'est un concept de blanche.
J'ai un peu de randonnage sur les lignes.
Il y a un jeu 3D ASCII
que j'ai trouvé et je ne suis pas sûr de prononcer.
ASCII ASCIIKER.
Oh, c'est cute.
En tout cas, vous devez regarder les notes de la vidéo
et trouver ce repos dans la vidéo.
C'est vraiment un réunion 3D.
C'est un genre de Bunkers.
Ils ont des water et des réflexions, des systèmes d'inventory.
Je l'ai juste remarqué.
C'est un genre de Reflection.
C'est absolument bien.
Je n'ai pas d'idée de comment ils ont fait ça,
mais ça a brûlé ma pensée.
J'ai eu le temps de faire des listes pour aller dans les murs
et essayer de voir ce que la vidéo a fait.
C'est un démon d'envoi.
Les Reflections sont incroyables.
C'est incroyable.
Si vous regardez les faces, c'est comme ce petit,
ce type de face de single character.
Tout d'autre.
C'est un de ces projets
où le code est comme un beau,
ou un total de massages.
Il est temps de se passer en même temps.
C'est incroyable.
C'est incroyable.
Je pense que dans ces scénarios,
comment ils ont modélé le monde?
Est-ce qu'ils ont rendu des meshes
et que l'on a essayé d'attribuer quelque chose?
Parce que certains aspects de le monde
sont de la faible faible.
Je pense que les personnages
ont des bruits de quelque sorte.
Mais je me demande des arbres,
des bruits et des trucs.
Est-ce que c'est 3 modèles?
C'est bien.
De toute façon, c'est incroyable.
C'est un de ces modèles,
je crois que c'est comme ça qu'on prononce.
C'est quelque chose que nous avons intégré
dans l'Astra.
C'est un de ces modèles,
un de ces modèles,
c'est incroyable.
C'est incroyable.
Il utilise le code VS
directement.
Il est puible par le même chose
que le code VS
et le work de Grammar.
Et il vous permet de faire
de l'esprit de code VS
et de la scénarie syntaxe
que le code VS
a dans les projets syntaxe.
Si vous voulez montrer un code
sur votre site,
c'est un moyen de le faire
et de réutiliser
un code solid.
Vous avez tous les modèles que vous voulez.
On a originalement créé Prism,
un de ces modèles d'older,
mais ça a vraiment besoin.
Il y a toutes les compétitions,
et ça génère tous les styles
à la construction.
Il n'y a pas de rules de CSS
qui font des files de thème
que votre utilisateur a à faire.
C'est tout de même basé dans le code
qui génère ça et qui met ça sur votre site.
C'est super cool.
Le team de type script
est vraiment utilisé.
La deuxième chose à vous montrer est
d'essentier la autre version de ça
qui vous permet de faire un type script.
C'est un type à checker dans votre code
pour que vous puissiez hover sur votre code snippet.
Et ça vous donnera un type script
tooltip.
Et ça vous donne un award pour le meilleur site
de documentation.
Vous devez ouvrir, je pense que je peux combiner
les deux dans un truc si je vais parler de eux.
Vous devez voir ça.
C'est le plus unique
de la documentation que j'ai vu.
C'est drôle, on a en fait
Orta et il a parlé de ça.
C'est cool.
Je suis en love avec cet site.
Je ne suis pas sûr de ce que c'est
en référence, mais je sais que c'est
quelque chose d'incroyable.
On a eu un épisode avec Orta et on a
pas vu ça.
Je pense qu'il était inspiré
par des textes médiévaux
et il a fait des explorations
avec un design.
Il est vraiment
un design compétentiel
pour les procédures d'open source.
C'est juste le header.
Le documentation concernant les modules MPM
de Shikitu Slash.
C'est un statement de la web.
Il y avait un livre de design
qui avait un style
de coloration
et qu'il a brûlé beaucoup
d'inspiration.
Il y avait des
Dunes et concepts qu'il avait

Il était un généreur.
Il a une Radio
comme desonte aussi


focused on
une fois de plus.
Ce style d'exposition
avait des options de
des 정부 de la
les choses sont checkées ici et c'était juste si fun de trouver ce projet et commencer à utiliser
ça.
Oui, Chiki est juste comme un libe cosmique en code syntaxe highlight, comparé à prismes
et highlighter J.S.
Vous pensez que vous allez avoir ce que votre éditor vous déplace et puis vous noticez
que ça colorise et je me demande pourquoi et puis vous vous êtes malade parce que c'est
tout pour les mauvaises regexes.
Mais la implementation des codes VS est beaucoup mieux.
C'est aussi parce que vous ne vous avez pas besoin de vendre.
Vous réalisez que ces thèmes sont des couleurs super complexes, mais vous ne pouvez
jamais faire ça en travail si chaque couleur était une classe.
Vous avez vendu des couleurs de différentes names de classe et ça serait un total de
maitres.
Mais le fait que ça fait du temps de construction, ça signifie que vous pouvez avoir un style super
grand, que vous ne pouvez pas avoir avec le prismes ou le highlighter J.S.
C'est un modèle différent et ça fonctionne bien.
Oui, ça définit le plus de chuteurs.
C'est un projet incroyable.
C'est un projet incroyable.
C'est un projet incroyable.
Mon dernier tourneville pour le jour est Render.com.
Le pitch de l'élevateur est juste une prochaine génération Heroku, mais vous pouvez aussi
poser un peu de choses différentes.
Ce que j'ai commencé à utiliser c'est mon cost de service pour ma site de vidéo de music.
Je l'ai fait astronomiquement pendant les dernières mois et je n'ai pas envie de
le faire.
Je combine tous mes scripts en 1 et je le fais sur le job de Render.com, ce qui a été
beaucoup plus bon.
J'aime comment les interfaces sont simples et je pense que je vais faire mon propre site
de static ou j'ai mis mon database de Mongo pour poster ici.
J'aime avoir tout à l'heure.
Render est assez solide.
Heroku ne fait pas beaucoup de progress.
Il y a une opportunité pour ça.
Le plus grand call-out est qu'on est plus chiant, donc utilise-le.
Je ne sais pas si j'ai parlé de ça sur le podcast ou pas, mais pendant un temps, j'ai
essayé de créer mon propre keyboard, surtout de scratch, de réveiller le format, de modéliser
le cas de keyboard, de customiser les caps.
Je veux faire le cas de la capse de la wood, donc je suis toujours sur le lookout des
vidéos ou articles de la façon dont les autres personnes ont fait ça.
C'est un article de la fête de la fête de la fête, ce qui est en train de faire un

Donc, si vous êtes en mode de keyboard, et si vous avez accès à un local de la
spécificité ou avez votre propre C&C, c'est un projet vraiment intéressant de
faire.
Le lien est dans les notes de la show, c'est juste cette exploration, en utilisant un
C&C de desktop pour créer des caps.
Si vous ne voulez pas faire ça, mais vous voulez des caps de la fête de la wood,
il y a aussi un ton de des caps sur Etsy, donc vous pouvez aller y aller.
C'est bon.
C'est drôle.
C'est comme les objets de la fête de la fête de la wood et des keyboards de la

Je n'ai pas de plus de 1.
J'ai fait beaucoup de 3D printing, et 3D printing est plus facile que la C&C,
parce que vous faites le modèle et vous printez le tout, et c'est fini.
C&C, c'est comme que vous faites le modèle et vous avez à passer par cette phase de cam.
C'est comme, OK, comment est-ce ce truc ? Comment ai-je d'autres matériels ?
Quelle fête de la fête que j'utilise ?
C'est beaucoup plus compliqué que j'ai pensé que ça serait.
C'est quelqu'un qui n'a jamais regardé la fête de la fête de la wood ?
Comment ça marche ?
Ça dépend de la façon de la fête de la fête de la wood.
Oh, vous allez.
Je fais ça pas complètement de scratch.
En fait, vous pouvez probablement faire des choses complètement de scratch.
Si vous utilisez QMK, ce qui est un outil très populaire,
une ferme d'open source pour les keyboards,
il y a beaucoup de designs là-dessus.
Vous pouvez trouver un plan, un mix et un match.
Les questions sont, c'est comme, vous êtes en train de designer votre PCB ?
Tons de vidéos là-dessus.
C'est un projet.
C'est un whole projet.
Mais si vous voulez un projet d'électronique,
où vous voulez vraiment profiter de la fête,
c'est un bon projet.
Parce que ce n'est pas si complexe.
Il n'y a pas tant de pièces que c'est assez difficile à faire.
Si vous regardez beaucoup de...
Il y a des kits mécaniques qui sont basically un peu ICs.
Et juste des résistus et des diodes.
C'est tout ce qu'il y a.
Vous pouvez, en fait,
pour le tout,
construire un outil de keyboards.
Il y a des kits mécaniques qui peuvent faire ce genre de choses.
Mon projet est un peu plus compliqué,
parce que j'ai besoin de choses.
C'est un projet fun.
Si vous n'avez jamais vraiment fait d'électroniques,
et que vous voulez avoir un projet,
ce serait un bon projet.
C'est quelque chose que j'ai toujours pensé
que vous n'aurez jamais pu faire.
Mais c'est cool, c'est bon.
C'est bien fait.
C'est un espace bien exploré.
Ce n'est pas quelque chose qu'il va avoir.
Et vous allez dire,
Oh, n'importe qui fait ça.
Je n'ai pas l'idée de ce que je fais.
C'est ça.
Vous allez trouver des vidéos de 100 et 100.
Il y a beaucoup.
Un meet-up où vous pouvez cliquer les autres clés.
C'est un bon moment.
Ouais.
OK, je pense que ça va râper le week-end.
Merci d'être sur.
C'était une belle conversation et un glimpsant dans le futur.
Merci d'avoir me.
C'est beaucoup de fun.
Oui, je l'apprécie.
C'est tout pour ce week's episode de DevTools FM.
Fais soin de nous suivre sur YouTube
et à tout le monde de votre podcast.
Thanks for listening.

Episode suivant:


Les infos glanées

Je suis une fonctionnalité encore en dévelopement

Signaler une erreur

devtools.fm:DeveloperTools,OpenSource,SoftwareDevelopment

A podcast about developer tools and the people who make them. Join us as we embark on a journey to explore modern developer tooling and interview the people who make it possible. We love talking to the creators front-end frameworks (React, Solid, Svelte, Vue, Angular, etc), JavaScript and TypeScript runtimes (Node, Deno, Bun), Languages (Unison, Elixor, Rust, Zig), web tech (WASM, Web Containers, WebGPU, WebGL), database providers (Turso, Planetscale, Supabase, EdgeDB), and platforms (SST, AWS, Vercel, Netlify, Fly.io).
Tags
Card title

Lien du podcast

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

Go somewhere