En premier, j'ai juste essayé d'expérimenter si cette idée pourrait travailler.
Et puis, comme ça,
ça pourrait être vraiment grand et je peux utiliser ça pour mener les styles et les frontières utilisé par Windy Seuss.
Donc, je le fais comme un engin.
Bonjour, bienvenue à la podcast de DevTools FM.
C'est un podcast sur les tools de développement et les gens qui les font.
Je suis Andrew et c'est ma co-host Justin.
Bonjour tout le monde, notre guest aujourd'hui est le professeur Anthony Foo.
Anthony, c'est super pour vous avoir en compte.
Vous avez travaillé sur beaucoup de projets comme Windy Seuss, VIT, NUXT et vous avez beaucoup de tools.
VTest, Unes Seuss et Sleidiv, ou les plus réchants.
Tous des projets très grands.
Alors, vous voulez prendre un peu de temps et nous dire à l'audience un peu plus sur vous-même
et peut-être comment vous avez été en train de créer des tools?
Je m'appelle Anthony Foo et je suis un membre de VIT et je m'ai créé plusieurs projets en source.
Je travaille maintenant sur NUXT et les integrations VIT et le système de données.
Je me suis appelé un peu comme un source phonétique.
Je travaille comme ce que je disais, ce n'est pas comme intéressant comme ce que je disais.
Ce projet est abandonné, mais je suis très bien avec ça.
Je pense que c'est pour moi et pour comment je crée ces choses.
C'est un peu un peu staggernant de regarder votre page sur votre site.
C'est comme ça, ça se passe et je les ai listé dans notre doc pour l'épisode.
Je ne pense pas que je peux les lister plus tard.
Il y a à peu près 100 projets sur le site.
Est-ce que ces projets sont maintenus ou est-ce que c'est comme tout le projet que vous avez fait?
Je pense que la plupart des projets que je liste sur mon site sont maintenus.
En tant que les problèmes ou les progrès pour lesquels je les ai révisés,
quand les nouvelles changements ont été remis, je les réviserai.
En tant que les gens, si ils n'ont pas trop de fonds de fonds,
et que je ne les utilise pas,
ils peuvent rester comme ça, mais vous pouvez dire que ils sont encore maintenus.
C'est bien.
Qu'est-ce qui vous a emploi dans l'open source?
Qu'est-ce que c'est votre première introduction à l'open source?
Je pense que c'est de ma hôpitalier.
Il y a un site en Chine qui s'appelle Zhihu, qui est un peu comme Coral.
Vous pouvez poser des questions et répondre à des questions.
Quand je suis en hôpitalier, il y a des gens qui sont vraiment successifs,
en parlant de ça, vous pouvez faire un projet open source sur votre GitHub.
Le GitHub peut être le profil de votre résumé.
Ils peuvent faire quelque chose de l'extérieur.
Je veux juste avoir cette idée en main.
Je vais essayer de créer des projets populaires,
et essayer de savoir ce que les gens ont besoin,
et ce que je peux faire.
Mais en ce cas, ça ne marche pas.
Je ne peux pas prendre 4 ans dans ma collègue
pour savoir ce projet qui sera un success.
Mais je n'ai pas réussi.
Mais j'ai fait le summer vacation après ma graduation.
Je ne peux pas commencer un projet appelé IAT.
Il s'appelle Extensions for IAT, for Internet internalisation.
C'est un projet que je dois construire.
C'est un projet qui me fait penser que ce projet est bon.
En début, j'ai 3 ans et je suis vraiment heureux.
Je peux commencer à m'involer en plus,
et puis, de partager sur Discord,
et on le réacte.
C'était initialement un projet qui m'a fait viser.
C'est un projet qui m'a fait viser,
et je suis en train de construire une app.
On a demandé si c'était une version de VG,
si c'était un projet de support.
En ce moment, je commence à m'involer en plus
pour être un projet de support.
Maintenant, on peut supporter des frameworks de 20 ans.
Vous pouvez l'installer et l'utiliser.
C'est le premier projet que j'ai réussi à construire.
Avant, je me suis donné quelques projets.
Je n'ai pas pensé à ce projet.
Je n'ai pas documenté bien.
Je ne pensais pas que ce projet s'y profiterait.
Je n'ai pas pensé à ce projet.
Mais maintenant, c'est un projet important.
Fostering la communauté est important.
Vous avez dit que ces projets avant l'internationalisation
ont été réalisés.
Vous essayez de faire un type de wave,
de ressortir les choses qui ne peuvent pas être réalisées.
Mais le premier qui a été réalisé
était quelque chose qui a été solué.
Vous avez dit que vous avez besoin d'un projet.
Comment ça va?
Vous avez dit que vous travaillez dans les labs de NUCs.
Qu'est-ce que vous travaillez?
Je pense que le projet est très flexible.
Le premier est d'aider avec les integrations de la vache.
C'est un projet qui est utilisé par default.
Vous pouvez changer de webhack si vous voulez.
Je pense que le projet se fait un peu plus grand.
Le projet de NUCs est un source ouvert.
C'est un source ouvert.
Je ne peux pas travailler sur un source ouvert.
Il y a des projets qui bénéficient de l'écosystème NUC.
Les vues, c'est une vue utile.
Si vous avez une vue à la vue 3,
si vous utilisez l'application de la compétition,
vous avez le droit de l'utiliser.
L'utilisation de vues et d'autres libraries d'écosystème
sont aussi partie de mon travail.
C'est très bien et j'ai le droit de l'utiliser.
Je peux servir d'autres projets que moi.
Je peux servir de la brise entre la vue et la vue.
Si il y a des futures,
il y a des blocs, des NUCs,
je peux ajouter ce message à la vue.
Nous pouvons discuter sur ça.
Nous pouvons changer le fixe.
Il y a des fixes.
C'est comme si vous avez fait un travail de vue JS
au cours de l'écosystème NUC.
Qu'est-ce que vous avez fait pour votre travail?
C'est le composant de l'application.
Mais avant, quand j'ai appris le vue,
il s'agit d'une section de vue 1.02.
Je pense que le plus important que je peux choisir
de vue est que c'est le plus facile à apprendre.
Et puis il s'agit de la compétition.
Je l'aime beaucoup.
Je suis aussi en train de faire des expériences avec le JavaScript.
C'est un peu mon sens.
Le vue est de plus en plus de la compétition.
Vous êtes en train de faire un JavaScript
en train de faire des expériences.
J'ai réagir beaucoup de codes réactifs,
avec des hooks et des dépendances.
C'est un modèle mental pour les gens.
J'ai la même chose de voyage.
J'ai commencé avec Angular
pour les gens qui l'ont utilisé.
J'ai été un grand fan de Angular.
J'ai été interviewé pendant la transition de vue 1.02.
La plus grande chose que j'ai aimé, c'était quand les compagnons de single file
sont en train de faire des expériences.
Je l'aime beaucoup.
J'aime beaucoup ce modèle.
Les réactions et les frameworks
ont des façons de faire des expériences.
J'ai appris beaucoup de travail de Evan.
Je l'ai appris à l'heure de la vidéo.
C'est un très cool écosystème.
Plus, l'un des choses que je vais donner à Evan et les membres de la communauté
sont les docks dans le système de vue écosystème.
Ils sont tellement bons.
Pour tout.
On a parlé un peu d'ici,
mais vous avez un niveau de package de la Cendres or House.
Vous avez des packages de comptes et avec un bunch de packages
il y a beaucoup de travail.
Je m'ai managé un tour, je suis pas mal à regarder des questions et des prévisions,
mais c'est beaucoup de travail et ça peut se sentir très dente.
Vous avez trouvé que les PR et les issues sont un burden
depuis que vous avez beaucoup de libraries et que la communauté vous a popées
pour vous aider avec tout ça?
Il y a plusieurs communautés, entre mon projet et le projet certain.
Les gens sont vraiment aidés.
Et par exemple, BTS, nous avons créé,
et maintenant nous avons 16 membres et 70 contributaires
pour le projet. Les gens sont vraiment
aidés à l'aide d'une autre.
Je suis toujours sûr que quand je peux créer un projet
c'est mon problème.
Je suis toujours sûr que je peux créer un projet
mais quand c'est nécessaire, il faut le faire.
Mais je pense que mon message
pour le manager est d'essayer de voter tous les jours.
Je vais essayer de prendre les nouvelles issues
sur les notifications qui viennent de mon appareil
et je vais essayer de faire un tour tous les jours.
Je ne les ai pas accumulés trop
pour le reste.
Je pense que l'un des bénéfices de
avoir beaucoup de projets, c'est que vous pouvez
faire un tour avec un projet,
et que vous puissiez changer de mindset.
Et puis vous pouvez aller en retour.
Je pense que je peux continuer de travailler
pour être efficace.
Comment avez-vous été en train de faire un tour ?
Je pense que
c'est de 3 ans.
C'est vraiment sérieux.
C'est presque deux ans.
Je suis encore un étudiant
d'un an après avoir été en train de
faire un tour.
Je suis un peu de projet et j'ai eu
beaucoup de bonsers.
Je pense que je peux faire un tour.
Je me suis pris quelques mois de tour
pour faire un tour en temps de tour.
Je peux penser que je peux faire
un tour en temps de tour.
Je peux faire ce que je peux vraiment
faire.
Je ne suis pas en train de faire un tour.
Je peux faire un tour en temps de tour.
Je peux faire un tour en temps de tour.
Le Nugs m'a pris en train de
faire des choses que je peux me donner.
Je peux continuer de travailler.
Si ils ne m'ont pas appris, vous seriez toujours en train de faire un tour en temps.
C'est de la même chose.
C'est un bon tour.
c'est très bon, mais c'est toujours très difficile de faire un bon emmount en comparaison à un travail de temps pour temps,
donc je dois toujours prendre des contrats pour faire un peu plus d'income.
À ce moment, j'ai été vraiment heureux de pouvoir avoir un travail de temps pour le travail d'open source.
Le travail d'open source qui vous apporte est beaucoup plus relaxant car quand vous vous faites tout ça à vous-même,
vous avez à vous advertisez votre propre code et vous avez à vous advertisez.
Vous devez être comme, hey, je suis là, donnez-moi du mien, ou je ne vais pas être là encore.
Donc, une company qui va supporter ça est très belle.
Oui, en faisant solo, c'est beaucoup plus que juste le code à ce point.
Vous devez faire beaucoup de choses.
C'est aussi juste stressant. Vous devez avoir besoin de vous donner assez d'argent pour survivre,
et quelles sont vos standards de vie, et que vous venez de rencontrer.
Quand c'est en haut et en bas, je suis en train de respecter les gens qui ont pu faire l'open source
tout le temps, ou même les gens qui sont comme des contracteurs ou des fréquences,
c'est juste comme ça. C'est juste comme ça que c'est très stressant,
pas nécessairement de savoir où votre prochaine paycheck va,
ou quand la prochaine mètre de mien va, et je suis comme, oh, c'est un endroit très scère.
Je pense que c'est une des bonnes choses, c'est que je pense que plus et plus de companies
sont tentant de faire des développements pour travailler sur l'open source,
par exemple, comme le CRI.
Je peux savoir que quelques autres entreprises sont tentant de faire ce qui n'est pas possible.
Je pense que le jeu pour les développateurs d'open source est un peu plus...
Il est en train de se faire mieux.
Je pense que l'industrie s'est appuyée que si vous payez les gens pour faire ce qu'ils aiment,
c'est ce que j'aime vraiment.
Il s'est passé bien pour tout le monde.
Donc, généralement, comment vous ressentez de l'état d'open source?
Je pense que ça dépend.
Je pense que le développeur veut faire un livre sur l'open source.
C'est ça qui dépend.
Je pense que ça ne peut pas être solide, il est en train de se faire le code.
Vous avez besoin de se marquer et de trouver un moyen pour...
Je ne sais pas, de demander à des gens de donner votre argent ou de trouver un modèle de business
pour faire des comptes sur l'open source.
Ça dépend vraiment.
C'est un peu trop.

Et juste comme ça, c'est assez difficile de voir les entreprises en train de le faire.
Et puis de la soutenir aux développeurs d'open source.
C'est incroyable de voir toutes ces nouvelles entreprises qui sont en train de faire un livre sur l'open source.
Mais elles vendent un peu de sauce secrète pour faire la machine.
Avec Remix, ils ont initialement vendu des licences pour leur code.
Mais ils ont réalisé que l'open source communauté pourrait nous aider
et nous pouvons vendre des choses qui permettent de valoir les gens.
Donc, on parle de certains projets, spécifiquement maintenant.
Un projet qui a poppé sur...
Ou je pense que un set de projets qui ont poppé sur ma timeline de Twitter
était l'UNO-CSS et l'UNO-CSS Windy.
Comme je comprends, l'UNO-CSS génère un style automatique tailwind.
Mais ça a l'air beaucoup plus basé que un tailwind.
Est-ce que vous pouvez expliquer à l'audience que l'UNO-CSS Windy est et pourquoi vous l'avez créé?
Ok, donc...
La histoire est un peu long.
C'est comme...
Je vais le dire.
Je pense que ça devrait venir vers le point de vue de 2.0.
C'est un point de vue qui a beaucoup plu.
C'est un point de vue qui a beaucoup plu.
C'est un point de vue qui a beaucoup plu.


C'est un point de vue qui a beaucoup plu.







C'est un point de vue qui a beaucoup plu.
C'est un point de vue qui a beaucoup plu.













On a quelques stars.
Je pense que c'est un point de vue qui a beaucoup plu.
On a des engines de tailwind qui font des demandes.
Je pense que ça va vraiment se passer.
Je créé un point de vue qui a beaucoup plu.
Et j'ai utilisé ça.
Je peux envoyer un trait sur ça.
Ça peut devenir 10 à 100 fois plus rapide que le point de vue de 2.0.
Et puis, il y a aussi une idée de tailwind qui a fait des engines de gélérité
en utilisant les technologies de sainte.
Je pense que vous pouvez voir que le point de vue
est un compiler custom pour des tailwinds qui ont utilisé les demandes.
Et puis, faire des objets et mettre les tailwinds
pour faire des engines de gélérité.
Et puis, je pense que c'est ça.
C'est assez.
En fait, vous pouvez vraiment utiliser les services de gélérité
ou les gestes de tailwinds.
Les deux sont vraiment très vite comparé à l'autre.
Et puis, il a été un peu d'un moment.
Et puis, à un moment ou un moment,
je trouve que mes problèmes sont que je n'ai pas très clair
de comment je peux customiser ces utilités.
Pour exemple, il y a plusieurs utilités de tailwind
que vous pouvez appliquer, peut-être, de la colorer
à vos éléments.
Et puis, vous pouvez utiliser des termes ou utiliser des couleurs
pour dégager ces couleurs comme vous voulez.
Mais c'est pas très clair que c'est pour ça que vous pouvez
peut-être ajouter un style plus complexe.
Quand vous faites une application,
vous devez avoir besoin d'extender le système de design de tailwind.
Je trouve ça très difficile pour moi
de lire les documentations de tailwind
pour écrire un code pour cela.
Et puis, c'est pas très clair
de comment vous pouvez le faire très vite.
Ou quand quelque chose ne fonctionne pas,
vous n'avez pas le temps de savoir comment se figure,
comment se solider pour assurer ce que vous avez besoin.
Donc, je me souviens peut-être que je peux
mettre ce que j'ai besoin, très simple, très vite.
Pour exemple, être en train de faire un pendeur avec les 100 units.
Et puis, je peux juste dire les règles
et les p100 et le style avec ça.
Donc, quand vous utilisez, il faut générer ça.
Donc, c'est l'idée initiale que j'ai créée,
le CSS de Windows.
Et puis, je trouve que avec cette approche,
ça pourrait être vraiment simple.
Comme vous vous justiez en alignant le string
et en générant le CSS.
Et comme on ne fait pas le pendeur,
on n'a pas besoin de CSS,
donc on peut juste faire le string construction,
ce qui pourrait être très vite.
Et puis, je vais juste essayer d'expérimenter
si cette idée fonctionne.
Et puis, ça se trouve que
ça pourrait être vraiment bien.
Et je peux utiliser ça pour déterminer
les styles et les utilités de la frontière de Windows.
Donc, je peux le faire comme un engin.
Donc, comme un engin,
ça ne peut pas venir avec les utilités.
Mais en utilisant le preset,
comme on a le preset, le preset Win,
qui est comme le communiste de la revue
et le Windows.
Le preset, en soi, est en opinion.
Vous pouvez construire votre propre système de design
de la frontière,
ou vous pouvez étendre le preset que nous avons
ou le comité.
Je pense que c'est un bon moyen
pour les autres
de créer leurs propres systèmes
comme ils veulent.
Oui, c'est assez cool.
Je suis suivi l'un des CSS
depuis que vous avez mis les postes
vraiment informantes
sur ce que c'est et comment ça fonctionne.
Donc, c'est-à-dire que c'est votre plan pour le futur ?
Je pense que c'est comme avant que vous pensez
que vous pouvez intergrer le point
avec WinDSS,
mais est-ce que ça va être un truc
ou est-ce que ça va être standalone ?
Et où vous pensez que vous allez prendre ?
Oui,
il y a quelques mois
et nous avons développé
beaucoup de tools sur ce point.
Vous pouvez utiliser ça
en temps de faute
avec le CDN,
comme vous pouvez juste poursuivre.
Et ça va générer un style de demandant
en fait,
à propos de toutes les combinations CSS
de CDN.
Et puis, on a construit
des extensions de VS,
des plugins de web,
et tout.
Et je pense que
ça va vraiment bien.
Et en fait,
c'est encore marqué
comme expérimental,
mais je vois
que beaucoup de gens
ont déjà utilisé ces productions.
Le blog du main
pour moi,
pour acheter avec le point 1,
c'est que
je ne veux pas
faire
ça
en fait.
Donc,
je pense
que c'est encore un point
que je veux
en faire,
je veux improvement les designs.
Je peux
introduire les changements de blocs
plus facilement
sans le point 1,
mais comme le point de vue
de la stabilisation,
je pense que c'est
déjà stabil.
Donc,
nous décidons
que nous en fait,
on en a encore plané
à utiliser
ce point,
comme un nouveau enjeu
de Windows V4,
et nous sommes en train de le faire.
Mais
il y a encore
beaucoup de travail
depuis que l'API est
un peu différent
et que Windows
est compatible
avec les
configurations de la telle
API,
qui,
en Windows,
c'est que
j'ai essayé
de
en avoir un moyen
de faire les stacks.
Donc,
pour dire que c'est
le même pour
l'API de Windows,
Windows
est toujours en progrès,
toujours la même,
mais ça
en fait,
ça en fait plus de temps.
Donc,
ça a l'air
comme un système
assez flexible
pour créer des systèmes atomiques,
les systèmes de CSS.
Je pense que c'est super utile.
À ma dernière compagnie,
pour le système de design
que je travaillais,
j'ai fait une version
qui générait
des classes de CSS atomiques
pour nos tokens de design.
Je pense que
j'ai,
maintenant,
dans le même processus
de créer un système de design
pour ma compagnie.
Et je vois moi-même
en avant
ce modèle
parce que
avoir juste un système de design,
ça ne couvre pas
tous vos bases.
Les compagnons,
l'une des deux choses
que j'ai codé
par un component
ne devrait pas définir
son margin
et ne devrait pas définir
son width,
parce que ça devrait être
à l'aide de la personne
utilisant le component
pour définir ces choses,
pour les utiliser plus facilement.
Et la façon de définir ces choses,
je pense que
la meilleure façon
est
avec une classe de CSS atomiques
parce que
en ajoutant CSS
dans tous les autres moyens,
il y a beaucoup de pips
pour cela,
mais ajouter une classe de CSS atomiques
est
comme si plus de friction
pour avoir
cette expérience à l'enquête.
Donc,
avez-vous vu
autres compagnons
et autres systèmes de design
utilisent
une classe de CSS atomiques
comme base pour
leurs propres mixants de CSS atomiques?
Oui, j'ai entendu
quelques gens
tentant de me réchauffer
en disant
qu'ils ne sont pas en utilisant
mais pour moi,
ce que je suis le plus
d'inconsexuant
c'est que
dans les labs d'Aux,
nous avons un product
qui s'appelle DocuS
donc dans DocuS
ils tentent de
utiliser
pour combattre
leurs tokens de design
pour
générer ces tokens
pour leur design.
Ce qui est possible
c'est que je suis partage
de ces tokens
donc nous pouvons
travailler plus près
pour
assurer ce qu'ils ont besoin
et aussi
je peux aussi
apprendre
sur
comme
apprendre plus
sur ce que les systèmes de design
ou comme les tokens de design.
C'est tout juste
d'en savoir
avant qu'on en aille
dans les weds
et dire
oh, est-ce que ça
fonctionne
comme vous vous en avez dit
avec vos autres projets?
Oui.
Ça a l'air cool,
je suis excité
à voir
où ça va.
Donc peut-être
on peut parler
de
le
très hot projet
et
je suis vraiment excité
à ce que nous avons
intégré
à mon travail
donc nous utilisons
donc nous utilisons
vtest
à
oxide maintenant
et nous
nous avons juste
dropgest
c'est
génial.
Donc
parle un peu
sur ceci
comme
vtest est
assez nouveau
mais c'est comme
brûlé
il y a tant de gens
contribuant à ça
et
comme
c'est
incroyable
comment
vous et
tout le monde
qui travaille avec vous
ont été
pu faire
et
comme
ce qui est
un peu
plus petit
d'un certain temps
qui vous inspire
à faire ça
et puis comme
comment
ça
comme
comment ça s'est fait
c'est-à-dire
quelque chose que vous
essayez de
faire
un peu
ou un peu
juste comme
les gens
qui l'aiment
ou quoi
ceci est
un partage
de
vt
sur le jour
1
comme
c'est
comme

comme
comme
vraiment
comme
créatif
pour
pour
pour ne pas
bâtir
votre app
mais comme
en utilisant
les
les brosses
les
des vsm
pour
faire
faire votre app
en roulant
dans les brosses
donc aussi
comme
faire
ce
performance
pour
mais comme
ça aussi
comme
introduire
le problème
comme
comme
vous
vous ne vous
vous ne vous
vous
votre app
et
c'est-à-dire
comme
un peu
différent de ce que

juste a
comme
juste
juste
bienvenu
dans votre app
et aussi
comme
vous savez
comme
si vous avez fait
des customisations
dans le vt
ou comme
ou comme
peut-être
dans le web
si vous installez
un plugin pour ça
puis comme
vous
vous aussi
besoin de
installer un loader
pour
pour juste
qui est comme
si vous introduisent
un JavaScript
pour un projet
vous
vous m'en avez besoin
de l'utiliser
des loader
pour votre app web
et aussi
et aussi
et aussi
comme vous
vous
besoin de l'utiliser
vous vous besoin de l'installé
de l'utilisation

avoir le support de la juste
type square
donc
en fait
comme
ça vient de la problème
c'est que
vous pouvez
déplicer votre effort
pour
pour faire votre app
et détester le tour
comme
c'est comme
ils sont en fait
comme
tour en différents
environnements
et en utilisant
différents transformations
comme
même si ils
en comportent
comme
donc
et
ce sont comme
le vt
a leur
customisations
logiques
et leur
interne
plug-ins pour ça
donc
si vous voulez
si vous voulez
dire
juste support
de la support
avec
ça signifie
comme
vous
vous devez
rééllier
votre
interne plug-in
interne transformations
avec
avec la version juste
alors
comme
juste cet API
ne vous permet pas
de l'appliquer
comme
comme
des transformations
et aussi
des transformations
pour un fil
qui
pourrait être
un peu comme
problématique
et aussi
comme
le manque
de
support native de la support
juste
qui
aussi
comme
en
plus et
plus de problèmes
comme
vt
est
en utilisant
ssm
par défaut
ou
comme
c'est ssm
d'abord
et puis
comme
donc
donc
c'est
le
le
le
chose que
certaines
des gens
comme
en essayant
de
être
à
migrer
à
vt
mais comme
ok
et puis
et puis
ils

comme
ok
vt est
c'est
mais comme
le
le test
le
incompatible
c'est
juste
réellement
comme
les blocs
pour
pour
faire les migrations
donc
ce
c'est
ce que
on
a
trouvé
vraiment
difficile
à
faire

documenter
on ne peut pas
comme
recommandé
à
n'importe
des
tools
dans notre documentation
pour dire
ok
si
si vous allez avec
le vt
vous pouvez
utiliser
ces test
les
les
les
les
c'est
le
cipres
et
les
les
choses comme
les
les
les
les
c'est
ils sont
en
comme
comme
l'organisme
mais le problème de eux est que
le
l'aubertaire
est trop grand
des choses comme
vous avez besoin
de
faire
la
un
service
et
le direct
s'éloignent
leurs
works flows
donc
donc
c'est
ce que

ce qui est initialement
ce qui est
pour moi
pour
pour le
faire
mais
puis comme
je pense
ok
le test
le
le
c'est
comme un petit
trop
pour moi
pour
pour me
ou pour créer
donc
je veux
avoir cette idée
mais comme
je n'ai pas
pas fait les actions
comme
je suis kind de froid
de
ça
mais
mais comme
nous avons
fait
ce problème
comme
plus et plus
des gens
demandant pour le
et puis
à l'un des
meetings de la team
de la

donc
on est
on est
comme
en disant
ce
topic
et puis comme
le
les autres membres
attaquent
comme un
point
ok
peut-être qu'on peut créer
une
chose
et puis
et il se trouve un nom
qui s'appelle
et je pense
ok ce nom est
très grand
et peut-être
qu'on peut

et c'est
disponible
en
npm
donc
donc on peut
penser
ok
peut-être
qu'on peut
peut-être
c'est le temps
de
pour faire
un
c'est
un bonheur
pour le
bât
notre connecteur
avec Anthony
était
spotty
donc
de ce point
dans le
enregistrement
pour le
on a
dû
changer
pour la zoom
la qualité
de la
enregistrement
sera
plus
merci
pour l'entraînement
donc
j'ai couvert
un peu de projets
que nous pensons
sont
intéressants
de vous
mais
ce que vous pense
est de votre
projet
je ne suis pas
Et c'est un peu comme ça.
Oui, c'est comme ça.
Mais je pense que pour moi,
j'ai hâte de faire un thème
dans lequel je peux être
vraiment dans ce projet
et être vraiment passionné
pour en enverser
et en travailler dans le contexte.
Je pense que
si je vais en prendre,
je peux me mettre un peu
dans mon projet.
Je n'ai pas eu de temps
de faire des efforts pour les enverser
et de faire mes efforts les meilleurs.
Je pense que
la question, la réponse,
peut-être le projet que je suis en train de travailler.
Oui, je pense que je vais avoir
la même réponse.
Qu'est-ce que j'ai fait dans ma faillite
à ce moment ?
Tout ça semble comme un bâtiment
quand tu n'es pas dans le projet.
Oui, on a demandé
une question pour beaucoup de
personnes qui ont vécu.
Et si tu es
expérience
d'une source d'essence,
c'est intéressant de voir ce que tu penses.
Qu'est-ce que tu penses
de l'avenir de la web ?
Qu'est-ce que tu t'es plus excité
par le web ?
Ok, c'est vraiment
une question très importante.
Je n'ai pas
vraiment pensé à ça.
Je n'ai pas vraiment
aimé ce que c'est.
Je pense
que
les futures de la web
et les standards
ont des détails plus petits
que ça.
Mais c'est
un peu plus
sur comment nous construisons
les choses,
comment l'expérience de l'expérience
de la source et
comment les études s'évoluent
pour nous aider
à mieux construire ces études.
Je pense
que l'expérience de l'expérience de la source
est aussi un peu de l'expérience de l'utilisation.
Comme si
seulement tu as une meilleure expérience de l'expérience de la source
tu peux faire des études plus complexes
qui sont plus élevées avec l'expérience de l'expérience de l'expérience.
Tu peux avoir plus de temps
pour se concentrer sur les expériences

et peut-être expérimer
comment la web
peut être.
Je pense
que c'est
ce que je suis vraiment en train de
le faire.
Je suis vraiment
en train de voir
comment ces études s'évoluent
et nous aider à mieux aider notre vie.
Je
aime l'answer.
C'est très...
On s'évoit très bien
avec ce qu'on ressent.
C'est un peu facile de vous prendre pour le grand.
On a maintenant
une web
qui peut être
compliquée.
On a beaucoup plus de capacité
que nous
en faisons
10, 15 ans
d'ailleurs.
Il used
à être très rassurant.
Et maintenant
c'est un peu compliqué.
C'est assez excitant.
Les études plus

sont en train de se faire
plus vite.
Quand je suis
en train de faire
5 de Webpack 4,
notre temps de start-up
était 3
4 minutes
pour notre app
jusqu'à 30 secondes.
Et la valeur
de la tue que vous pouvez délivrer
quand votre app est juste en train de commencer
est immense.
Et les études comme VIT
sont vraiment en train de mettre les boundaries
depuis que la tue
commence à l'instant.
Et avec ça, nous allons
faire des études.
Mon premier étude
de la semaine est que
je vais parler de quelque chose que j'aime
de Radix.
Radix est
un
libraire de compagnies
de la team de modules.
On a eu Pedro
de la team de modules
quelques épisodes.
J'ai utilisé cette libraire
pour impliquer
notre système de design
en descript.
Et il y a des choses qui ne sont pas
juste des compagnies que j'ai trouvé
très utiles et
de bonnes patterns.
Le premier que je veux parler
est le prop
As Child.
Si vous avez utilisé un libraire de compagnies
avec React, il y a un
prop As
où vous pouvez dire que je rends un
bouton mais rends-le
comme un anchor dans la tue
pour que ça se délige.
C'est très difficile de
faire le code.
De la manière générale, de la manière
de la type, de la manière
de la performance de la type,
tous ces choses sont très difficiles.
Et sur ce, il y a un
médecin cognitive de
ce prop As
qui est complètement changé
et tout le monde est en train de

Donc, comment le radix fixe
ce prop As Child.
Vous ne pouvez pas dire AsDiv.
D'abord, vous vous mettez As Child
et ensuite vous vous mettez un Div.
C'est tellement plus simple
et, quand vous vous rappelez votre tête
c'est plus facile de faire
et il y a un peu
de choses différentes
que le prop As.
Quand vous utilisez le prop As,
comment vous définissez des prop As
sur ce component ?
Vous ne vous faites pas
ou vous créez un autre component
qui encapsule votre component,
qui met les prop As dans le bon endroit
et qui ajoute la complexité
plus et plus, pour que vous utilisez
le bouton, vous mettez les prop As
et tout le monde fonctionne.
C'est un
très bon
pattern pour le système de réaction
et personnellement, j'ai adopté
certains de nos propos, même si c'est
d'une package interne,
j'ai été choisir
d'une package interne
pour faire des propos.
Si vous utilisez un radix, vous avez
de la raison pour le prop As Child
parce que c'est très puissant.
Et puis,
quand nous sommes sur le radix,
je vais aussi mentionner
un autre bouton de bonnes que j'ai trouvé
pendant les réactions
en utilisant les codes.
Un peu de temps, ils
font quelque chose par défaut
sur un événement, donc,
par exemple, quand un modal s'ouvre,
ils se concentrent sur le premier
élément qui est très
très important.
Mais parfois, vous ne voulez pas
faire des choses, mais c'est

Et pour ça, ils ont
une fonction de l'aide qui est
composée des handlers.
Tout ça, c'est qu'il va
l'un des handlers d'événement
que l'utilise passe dans,
et puis, il va falloir
l'un des défauts.
D'où la partie cool de
ceci vient,
c'est que si votre
pass-in handler s'appelle
événement.preventdefault,
il ne se run
le défaute de Radix.
Donc, si vous êtes dans
cette situation dialogue, et que
vous êtes en situation
de la première élément, mais que vous êtes
dans une situation de la situation
où ce n'est pas le truc que vous voulez,
tout ce que vous avez à faire est
passer un handler d'événement qui dit,
hey, prévente cet événement,
je vais l'enlever, je vais faire le bon travail.
Donc, des choses comme ça, c'est pourquoi
je vais venir liker Radix
plus et plus, parce que
ils ont ces détails que
je n'ai pas même vu pensée dans
les libraries réactes, et que le développement
des systèmes de design, je n'ai jamais pensé
de les voir avant, donc,
voir ce qu'on a fait dans le code
est très assuré, comme je suis plus
et plus en plus de mes stack à Radix.
Sur le sujet
des systèmes de design,
je fais ça comme tout
notre travail est des systèmes de design,
et je vais faire ça comme tout.
Je n'ai pas de
deux conseils qui vont en
main et en main. Le premier est
les tokens Figma.
Le token Figma est
un plugin pour Figma
qui
laisse vous utiliser
un config JSON
qui définit un peu de tokens de design,
comme les couleurs et les faunes
et tout les autres valeurs que vous voulez.
Et vous pouvez les placer directement dans
vos designs Figma.
C'est cool
d'avoir un perspective de designer, mais
le très cool chose, c'est que
ça sink
dans le code
de GitHub. Le designer
peut aller dans Figma et
éclater un des tokens, et
il va créer un pull request
ou commettre à une branch.
C'est un très cool
moyen de garder les tokens
dans Figma. Le deuxième
tooltip que j'ai,
c'est le premier.
Les tokens qui sont
mis à l'aise
dans le package Figma
ont un petit script
qui peut aller dans un
tokeniser.
Je vais le mettre
dans les notes de la show.

vous pouvez le faire
dans un style
qui est un library de Amazon
qui fait un file de configuration
JSON, des tokens de design.
Ça vous donne un framework
pour mettre un style
sheet, des variables
ou un file
pour Android, ou un file pour iOS
ou tout ce que votre target est.
C'est assez flexible.
Ceci, le chaine de tooltip
a été vraiment, vraiment crais
parce que le designer
peut faire un update dans Figma
et ça se dévile tout le temps.
C'est assez cool.
Si vous voulez apprendre plus
sur Style Dictionary,
check out Episode 3
où nous avons
le créateur et le créateur
de Style Dictionary et parle tout de ça.
On se retrouve en vidéo.
Vous avez mentionné quelques épisodes
sur Figma CLI.
J'ai utilisé ça
d'extensivement.
J'ai l'impression que c'est
un peu involvementant.
J'ai fait le plus long
pour le plus long.
Je suis vraiment content
de voir ça se faire plus facile.
Je pense que
la communauté de JavaScript
est en train de
migrer sur le CDS
sur le ESM.
Il y a
des problèmes
avec les dépendances de pure ESM.
Pour moi,
je pense que le meilleur moyen
d'écrire un livre
pour être consommé par d'autres projets
est de poursuivre
les ESM et la version CDS
et d'utiliser
l'export
dans les packages.json.
Pour savoir
comment
les correctes versions
de
cette packages
sont utilisées.
Vous pouvez
conclure le détail
pour les suggestions et les ESM.
Tout d'abord,
pour la première chose,
c'est pour la première chose
de la tooling de JavaScript.
Donc, le code de la construction
est très bien
pour vous aider
à construire les libraries
pour les suggestions
avec des configurations minimum.
Une des parts
très intéressantes
est que
il y a un water passif.
Quand nous faisons
les développeurs,
nous pouvons utiliser
le TSC
pour les bundler.
Mais si vous voulez
faire ça plus clair,
automatiquement,
vous pouvez avoir besoin
d'un water passif
et si votre source file change,
il va être rebuild.
Mais en un build,
il y a une idée très intéressante
qui s'appelle le water passif.
En fait,
en le faisant
de rebondir
et de râper
à la bonne chance
de consommer votre source code.
Vous n'avez pas besoin de water anymore.
Le commande s'appelle STAM.
Il s'appelle STAM.
Il y a une génération
d'index.js
avec les contenus
qui sont importés
de votre source code.
Quand vous rachetez
dans le fond de la base,
il se tourne dans votre source code
pour ne pas vous bundler.
C'est un bon moyen
d'établir vos développeurs
sans avoir besoin d'un nouveau termine
pour les voir encore.
C'est intéressant.
Il faut vérifier.
Je ne fais pas comme quand les libraries
se bundlent.
C'est la première fois que je fais
un call out contre Radix.
Ils utilisent le parcel pour bundler tout.
C'est un pain
de la même manière.
C'est pas un
développement,
mais un tool cool.
Je suis
plus profond que illustrator
et je l'ai pratiqué.
Si vous regardez mon Twitter,
vous pouvez trouver un tool cool.
La plus belle chose de
SVG est
que, quand vous avez un SVG,
c'est un html
et c'est très facile à comprendre.
C'est aussi très facile
d'animer.
J'ai trouvé sur Twitter
que vous pouvez animer votre SVG.
C'est super cool.
Je et mes fiancés
ont pu animer nos SVGs
dans quelques minutes.
Si vous avez besoin
pour animer un SVG,
je vous recommande.
C'est gratuit.
Si vous avez votre animation
moins de 30 secondes
ou 3 minutes, c'est super cool.
Qu'est-ce que c'est?
C'est très difficile
de dire.
C'est comme ça qu'ils disent.
C'est comme animateur
avec SVG.
Si vous avez besoin
pour quelque chose comme ça,
les outils sont either CSS
ou JS, ou probablement
les animations SVG.
C'est très utile,
très exportable,
facile à utiliser.
Vous faites des choses magnifiques.
Mon dernier outil pour le jour
est aussi un outil fun.
Je suis allé
passer par ce projet
la semaine dernière.
C'est un projet appelé DUST3D.
C'est sur GitHub.
C'est un outil 3D
modelant.
Mais c'est pas
un outil 3D modelant
que vous avez vu.
Andrew,
on ne peut pas
faire un vidéo, mais
je ne sais pas
comment ça marche.
C'est
ce que vous avez

dans un moyen intéressant.
Vous avez dû jouer avec ça.
En fait,
renduant un polygon
et en marchant
sur les vertices,
vous avez, pour le meilleur
terme, des nodes
de deux différents perspective.
Vous pouvez hover
sur un point et user scroll
pour faire ça
plus grand, plus grand.
Si quelqu'un est là,
vous avez joué le jeu Spore,
le jeu de la créateur de Sims
ou un créateur de creature,
ça me rappelle un Spore
quand vous êtes en train de construire des choses.
C'est très fascinant,
mais vous pouvez...
Je n'ai pas d'artiste talent
à l'intérieur, mais je l'ai
pu faire
et modéliser
un dog.
C'est cool.
Si vous regardez
un 3D model,
et si c'est organique et vous voulez le faire
très vite, c'est
un projet d'opensource
qui est très intéressant
d'utiliser.
En ce moment,
vous avez utilisé la picture
pour générer le 3D model ?
Oui,
c'est comme ça.
Vous avez toujours fait le modèle
de deux perspectives.
Vous avez un front et un side view,
et vous avez
les nodes,
et vous connectez les lignes,
je ne sais pas,
mais c'est un modèle.
En fait,
en tout cas,

vous pouvez
prendre des choses différentes,
vous avez un polygon
qui ressemble à un dos,
et vous pouvez le faire
en dessous,
et éditer un point de vue
de la forme,
et ajuster les nodes
pour changer
le nombre de places
différents.
C'est cool,
et c'est d'accord,
c'est assez cool.
C'est cool.
Mon dernier, c'est PMPM,
qui est
alternative
à MPM,
qui est
très vite,
à l'intérieur de créer
des versions multiples,
de la même bagage
à l'intérieur de vos modules,
PMPM utilise
du hardlink et du softlink
pour direct linker
la même version de ça.
Ça pourrait être
d'éfficient,
et aussi de très vite.
Et c'est tout de
mon projet de PMPM,
et aussi de la vue et de l'écosystem,
aussi de la suite de PMPM,
et si vous avez pas entendu
ceci, vous devez le vérifier.
Oui, j'ai entendu beaucoup de bonnes choses,
je n'ai pas essayé de le faire,
mais mes projets sont encore en 1e
et je le suis pas.
C'est un des
très grands features,
c'est le support de la monnaie,
par exemple,
si vous voulez
faire tout le square,
votre package,
vous pouvez juste PMPM
et PMPM
pour recursive,
et puis, un petit build,
et puis, tout le build-up
dans tous vos packages.
Donc,
ça peut aussi
replacer avec le learner,
et ça t'enlève
avec les installations et les packages
pour la monnaie.
Je ne peux pas le souvenir,
ça fait de la publier?
On peut apprendre un style de publier
où c'est un version fixée,
ou on publie
les compétences de packages
ou quelque chose comme ça?
Ça ne se dérange pas la version,
mais vous pouvez utiliser
PMPM-R
et PMPM-R pour publier,
et puis, vous pouvez publier tous vos packages.
Donc, ça a un peu de
des outils recommandés
pour replacer vos versions
dans les documentations.
Cool, je pense que ça
s'adresse à tous les outils.
Merci d'avoir regardé Anthony,
j'ai eu des problèmes techniques,
mais c'est sympa de parler
d'un des gens qui est
très productif dans l'écosystème.
Je ne peux pas stresser ça
à l'audience,
vous êtes un homme en mission.
Merci pour ce que vous avez donné
et merci pour l'épisode.
Merci, et merci pour votre soutien.
Merci pour l'épisode.
C'est tout pour cette semaine
d'épisode de DevTools FM.
Faites surement de nous suivre sur YouTube
et à chaque fois que vous consommez votre podcast.
Merci d'avoir regardé.