Steven Fabre - Liveblocks
Durée: 46m57s
Date de sortie: 07/07/2023
This week we talk with Steven Fabre, CEO and co-founder of Liveblocks. We talk about his background, how journey into developer tools, and how Liveblocks is trying to make collaboration easier for developers.
- https://liveblocks.io/
- https://twitter.com/stevenfabre
- https://stevenfabre.com/
- https://gifmock.com/
Become a paid subscriber our patreon, spotify, or apple podcasts for the full episode.
Je pensais que c'était un cas de utilisation très cool.
Ok, c'est pas nécessairement comme un tool créatif,
mais c'est comme, ok, parce que tu as fait un produit digital,
tu te sens comme si tu étais dans le même espace ensemble,
ça fait du bon efficace pour les nurses, les médecins et les doigts.
C'est beaucoup mieux.
Hey, avant de commencer,
j'aimerais vous rappeler que l'épisode de l'épisode
est seulement disponible pour nos abonnés.
Les plateformes currentes que vous pouvez abonner
sont YouTube, Spotify, Apple et Patreon.
Sur la version complète de cet épisode,
vous devez entendre les pensées de Steven sur les prix des blocs de live,
et bien sûr, tous nos tips de l'épisode.
Et avec ça, on va nous faire l'épisode.
Bonjour, bienvenue au DevTools FM Podcast.
C'est un podcast sur les tools de développement
et les gens qui le font.
Je suis Andrew et c'est mon co-host Justin.
Hey, tout le monde, notre guest aujourd'hui est Steven Fabry.
Je suis désolé si je l'ai mis à l'aise.
Le co-co-préhendaire de LiveBlocks.
Steven est très heureux de vous avoir entendu beaucoup de LiveBlocks.
Mais avant de vous en parler,
serait-ce que vous devez nous dire que nos listeners
sont un peu plus ouverts que vous-mêmes ?
Oui, bien sûr.
Merci pour les bonnes rencontres, les gars.
C'est bien de vous rencontrer aussi.
Et oui, donc, LiveBlocks.
Oh, je pense que c'est un peu moi-même.
Alors, je suis Steven.
Je suis en France du sud,
mais j'ai été tout à l'heure dans le lieu.
J'ai été dans le pays,
et après Uni,
j'ai étudier la science des computer.
Puis j'ai commencé à faire une internship en Canada,
en Québec, pour un peu d'un moment.
Et j'ai décidé de bouger à Sydney, en Australie.
Alors, je me suis dit que je vais aller y aller,
aller en Australie, comme beaucoup de gens.
Et oui, j'ai été là pour 7,5 ans.
J'ai travaillé dans des compagnies de differentes techs.
J'ai étudier un couple de start-ups.
Et j'ai été australien,
donc j'ai eu ma citizenship.
Donc, c'est un tour qui a changé de vie,
une situation de vie.
Mais oui, une longue histoire.
En fin de la fin, j'ai travaillé sur un outil appelé Easy.
Et c'était un outil d'animation web.
Et il n'y avait pas de tools à la fois
qui pouvaient faire ça quand j'ai commencé à travailler sur ça.
Quand tu voulais faire des animations,
ou pour les web spécifiques,
tu avais besoin de savoir le code,
pour le faire.
Et donc, j'ai commencé à faire ce tool
où tu pourrais mettre des layers de sketch
ou des layers de photos
dans ce tool.
Et ça va permettre aux designers
de animer des trucs.
Et tu pourrais avoir la CSS
et le code pour ça,
et tu pourrais avoir le code.
de faire des animations
qui ne sont pas de la même manière.
Et ça a pour moi fait me changer de vision.
Et donc, j'ai commencé à travailler
avec vision
de Sydney,
et la plupart des équipes étaient dans le U.S.
Et donc, deux ans,
deux ans après cette tour,
j'ai commencé à aller au New York City,
Brooklyn, je pense que c'est là que tu es
juste là, maintenant.
Et donc, je suis allé au New York for years,
j'ai commencé à travailler avec vision
pendant un temps,
et cette expérience avec vision
est ce que j'ai introduit
dans le problème que je travaille
maintenant, avec Guillaume
et le team Lifeblocks.
Parce que nous travaillions sur un tool
qui s'appelle InVision Studio.
Je ne sais pas si vous vous souvenez,
c'est plus un tool pour les designers,
mais c'est essentiellement un tool pour les designers
très similaires à Figma,
excepto que Figma est plus meilleur,
si je suis d'accord.
Mais le point est que ce tool
était une application décembre
que les designers pouvaient utiliser
pour des appels, des websites,
des web sites, des designs UI,
mais aussi des animations, des types de choses.
Et c'était tout
des files, des des des des des,
et Figma a commencé à avoir
beaucoup de chaînes de marché,
beaucoup d'interesse dans la communauté des designers,
la communauté des designers,
et nous avons basically
un projet de convertir InVision Studio
d'une application de desktop
à un appels de browser
où vous pouvez voir
des cursors et être
des personnes de la même foule.
Et j'ai donc eu un projet de design
pour ce projet, et nous avons
une équipe délicatée,
en train de travailler sur ce problème.
Et c'est tout de suite
pour avoir
une première version
de cette application de browser.
Et je n'avais pas d'idée
d'un company dans cet espace.
Je n'avais pas d'idée.
Mais j'étais très intrigue
et si je suis honnête,
j'étais un peu frustré
par le fait que ça a été trop long.
Et même après tout ce temps,
la expérience n'était pas assez mouillée,
que ce soit la expérience de Figma.
Il serait un peu plus slow
d'adapter des trucs
comme vous l'avez fait
pour les laires dans le toulon.
Ils se feront quelques secondes
pour l'adapter sur l'autre côté.
Et les cursors de vie
étaient de la fin de la sink.
Et comme designer,
j'étais un peu frustré
que nous pouvions, mais c'était
beaucoup de travail pour
faire la expérience
et travailler vraiment bien.
Et donc, je n'ai pas hâte
de croire que la vision
après 4,5 ans,
il y avait un grand temps
de gens très grands.
Et l'un des gens qui était mon co-fondeur
Guillaume,
est un super talenteur
et aussi un business
de la société.
Je suis très heureux
de travailler avec lui.
Et à la fin de la vision,
quand il s'est jointé,
c'est un factuel très bon.
Je vais en aller dans des différentes directions.
Mais Guillaume's first day
à Invision
était quand on avait
un offsite.
Je ne sais pas si vous le savez, mais Invision
était une de les pionniers en temps de travail
et nous étions tous en train de travailler
de toute façon. Il n'y avait pas d'office
avant Covid.
La première fois que j'ai rencontré Guillaume,
nous étions en San Francisco.
Et on a réalisé
que nous étions dans la même équipe,
c'était d'autres Français
sur le team.
Il est en Montréal,
il est toujours en Montréal.
Mais quand nous nous avons rencontrés,
nous étions en train de réaliser
que nous étions dans la même région en France,
qui est super, super random,
parce que c'est comme une petite,
réurale, rémodale.
Nous avons bien travaillé
sur un projet de bachelard.
Et rapidement, nous avons décidé de faire
quelque chose ensemble. Nous ne savions pas
ce que ça allait être.
C'est ce que j'ai rencontré.
Et nous avons
réalisé
en partant de la vision de vivre, en travaillant
sur le tour de vidéo.
Et quand nous avons travaillé sur ça,
en mois sur le projet,
nous avons réalisé
que c'est la même histoire qui se passe
encore. Nous étions en train
de faire des choses en temps réel.
Et nous n'avons pas de temps
pour se concentrer sur les mécaniques
de l'actualité.
Et oui, c'est
ce que nous avons décidé
de faire des choses que nous avons
construites pour ce tour,
de la production et de la production
pour que tout le company et le développe
puissent utiliser pour construire
des expériences en collaboration.
C'était un long interesse, je l'ai réalisé.
D'accord, c'est bien.
C'est une belle histoire.
Qu'est-ce que ça a été le pivot ?
Je pense que vous avez des investisseurs
à la fois ?
Non.
Nous n'avons pas des investisseurs à la fois.
Nous savions qu'on voulait faire
quelque chose ensemble, donc nous étions
expérimentés sur différentes idées.
Parce que nous avons eu
ce background en tools créatives.
C'est quelque chose que j'ai personnellement
passionné par. J'aime faire des tools
que les gens utilisent pour créer
des trucs avec ces tools.
J'aime ça et j'aime les tools
super interactifs, des tools de design
où il y a un ton de choses que vous pouvez faire
dans un espace.
Je trouve ces produits super
fun de créer, mais aussi
de construire. C'est assez difficile,
parce qu'il y a un million de paths que les gens peuvent prendre.
Nous avons juste
pensé que le pitch n'existait pas de temps.
Et en travaillant en vision,
nous devions mettre beaucoup de présentations
ensemble et des vidéos
pour communiquer synchroniquement,
pour faire des idées et collaborer
et tout ça.
Et la idée était
que Google Slides
n'était pas idéal
pour nous, parce qu'on avait
des produits magnifiques.
Il ne me sentait pas si bien comme un appels
et nous avons aussi pensé
qu'il avait un component de vidéo.
Nous avons essayé de faire un
film de l'anime
avec un appels, mais dans le browser
et en multipliant.
C'était l'idée de ce tool.
Mais, oui, en fait,
c'était le plus important.
Nous avons décidé
de faire un site de
des plateformes de la deaf,
des sites de la site de la deaf
pour construire un appels et de collaborer.
C'est un problème que nous avons
faite en vision.
Il y avait un team de team
qui a construit un appels
d'une année et demi,
et pour nous aussi,
nous avons pensé que nous avons
essayé de faire ça,
et nous avons essayé de travailler
avec des technologies
qui existaient en temps de JAS,
mais ils étaient tout bonnes
et nous pouvons encore utiliser
certains d'entre eux aujourd'hui,
mais ils n'ont pas travaillé
de manière qu'on les a voulu.
Nous avons eu ce problème,
nous avons encore un problème,
il y a probablement un truc
qui a été fait,
mais nous n'avons pas
pris du temps.
Pour nos listeners qui ne savent pas
que le live blocks est,
peut-être que vous nous donnez
une pièce de l'élevateur ?
Oui, peut-être que je dois
étudier avec ça, c'est un bon point.
Le live blocks est
une infrastructure
pour les développeurs.
Nous avons évoqué
les développeurs pour
lesquels nous avons mis les tools
et les API pour construire
des apps collaboratifs.
Si vous voulez
construire un product figma
ou un product docks
ou un product notionnel,
quelque chose qui est collaboratif,
qui est, dans mon avis,
un product de tous les secteurs.
Vous pouvez construire ça
avec le live blocks,
plus facile que si vous étiez
à construire la construction
de la construction de la construction.
C'est ce que nous faisons avec le live blocks.
Nous avons probablement les tools
et les API pour
faire ça plus facilement
pour les développeurs.
C'est vraiment cool.
La histoire que vous avez
dit, c'est un problème continu,
c'est quelque chose que j'ai vu
aussi, et surtout
que la collaboration en temps
devient plus de table-stakes.
Nous avons
Sunil Pai, en cours de l'épisode 49,
qui travaille sur la pièce de l'élevateur,
qui,
si
nous parlons de ça,
si nous pensons de la suite,
les choses que vous avez mentionnées,
comme le YJS, c'est été un peu plus tard,
c'est été l'une des meilleures manières,
et il y a aussi des autres tools,
et
les I.O.Socket,
qui sont beaucoup plus désirés.
Et
quelque chose que je pense est intéressant
sur les live blocks.
Vous pouvez parler un peu de
comment ça intégrate
dans vos applications,
parce que je pensais que c'était un unique
positionnement que vous avez.
C'est un bon point, vous avez regardé.
Il y a beaucoup de bons tools
là-dedans.
Il y a des I.O.Socket,
qui sont très bons pour
la communication
de WebSocket.
Les
tools sont les ones
qui travaillent sur PartiK.
C'est génial.
Ce que nous essayons de faire
sur les live blocks,
c'est que
notre but,
c'est de
essayer de combiner
l'infrastructure de Figma
et d'offrir ça en service.
Et de faire que tout ceci
travaille bien ensemble.
Qu'est-ce que c'est ?
Quand vous pensez à la collaboration,
c'est la collaboration
qui se passe dans un document.
Les live blocks sont les rues,
c'est le concept que nous utilisons.
C'est quand vous voulez construire des expériences multiplayeres,
comme Figma,
où vous avez plusieurs personnes
dans un document, et le document
est l'artifact sur lequel vous collaborez.
Et pour construire ces expériences,
vous avez besoin de la présence,
de la broadcastation,
vous avez besoin d'une solution de
storage pour détecter le document
et d'élever plusieurs personnes
pour éditer le document
en même temps, sans avoir
d'autres conflits dans le document.
C'est un part.
Mais si vous pensez à ces producteurs
collaboratifs,
vous avez besoin de
des commentaires où les gens peuvent
les mentionner, les mettre
dans ce document que vous travaillez,
et aussi
ce concept de « je dois partager ce document,
je dois copier le URL,
et les mettre dans ce document,
qui tient un peu à la permission,
on peut voir ce document, on peut éditer
ce type de choses.
Et sur ce point,
il y a aussi
maintenant que vous avez ces documents,
vous avez besoin de construire un view
où vous pouvez browse les documents
et organiser.
Ce que nous devons faire,
c'est combiner tous ces outils
dans une
solution qui fonctionne vraiment bien
ensemble,
pour que les gens puissent construire
pas seulement les expériences multipéras,
mais aussi les expériences de la expérience
et les API qu'on a besoin,
pour construire un produit collaboratif
de sas.
Et pour cela,
vous avez besoin d'intégrer plusieurs outils,
donc vous devez intégrer un WebSocket
mécanisme
pour enlever les connections en temps réel
dans le document multipéras.
Vous devez enlever la résolution
sur le document
mais vous devez aussi
mettre les API restants
pour pouvoir
mettre dans tous les outils et les documents
pour pouvoir construire les views
etc.
Je pense que vous avez l'idée de ce que je vais faire.
Ça fait du sens ?
Oui, donc c'est comme si
les liveblocks se sont
allés dans le taux de la management user
parce que c'est comme si
il y avait beaucoup de ceci dans les documents
et même des outils qui ont été mis en place.
Donc,
nous ne voulons vraiment pas
faire l'authentification
et
c'est complètement notre business.
Nous voulons vraiment bien travailler,
intervier avec les outils qui ont déjà existé,
comme NextAuth,
or Clerk,
qui est super, j'ai utilisé un des Dx.
Nous ne voulons pas faire ça
tout de suite.
Il y a déjà plein de problèmes que nous avons attaqué
et ce n'est pas un des problèmes
qu'on veut attaquer.
Mais, nous voulons intervier
vraiment bien avec ces outils
pour que vous
puissiez
construire des permissions
pour les documents de la livraison.
Donc,
c'est comme si
vous intégriez vos blogs,
je n'ai pas répondu à votre question
de comment vous intégriez vos blogs.
Ça peut aider.
Je vais parler de Next,
parce que c'est probablement
le tool que les gens sont plus amusés
en entendant ce podcast.
Quand vous avez un prochain projet,
vous pouvez
créer
un package pour réact,
que vous pouvez installer,
pour mettre des blogs sur React.
Et quand vous faites ça,
vous vous donnez
un autre provider de salle
et vous donnez des hook
pour intégrer
ce que je vous ai parlé de présent,
de broadcast, etc.
Et ensuite, pour connecter
les blogs sur ces réactes,
vous pouvez créer un client
et authentiquer
ce client
dans votre point de vue.
C'est là que vous faites
la connecté entre
votre provider d'authentication,
ou quoi que vous utilisez,
et vous assignez une idée d'un
blog
de textes.
Et puis,
chaque salle peut avoir
des groupes et des permissions d'utilisation,
et vous passez un id,
et vous vous donnez
une liste de trucs,
et vous enlève des permissions
de la manière dont vous avez les produits.
Donc,
quand vous créez votre salle, vous pouvez décider
que ce client est un access,
ou que ce client n'est pas un access.
Et les groupes peuvent vous enlèver
des formes
de projets.
Et ça vous enlève
des dialogues,
qui sont un partenariat standard
pour tous les services de la collaboration.
Oui, vous regardez votre gars
et vous avez un dialogue en partenariat,
et vous avez l'air d'avoir un dialogue en partenariat,
et vous avez l'air de construire
ce design, dans votre système de design.
Exactement.
Et c'est comme...
jusqu'à maintenant,
les seuls les plus
les plus les plus
les plus les plus
les plus
les plus
les plus
les plus
les plus
Alors la spezielle de la mission que nousチャ implementons
c'est le point où on intègre aujourd'hui.
Donc, on doit encore faire un peu de travail réacte pour intégrer.
Mais je suis particulièrement excité que nous commençons
à travailler en prenant des compétences prébiles
qui vont faire ça très facile, de faire des trucs très spécifiques,
comme des commentaires.
Je pense que les commentaires sont un des meilleurs
des meilleurs requests de feature qu'on a eu.
Et on va acheter ça comme une compétition réacte
que vous vous arrêtez de faire.
Et c'est tout accessible, les shortcuts sont réactifs.
Et vous pouvez juste composer le de l'aéroport,
comme le de l'aimant, et faire que ça soit exactement comme votre produit.
Donc, il va y avoir une autre manière
de vous intégrer avec les blogs de vie.
Oui, ça va être énorme.
Oui, c'est super cool.
Les librairies de collaboration
sont vraiment juste des bolts et les nut.
Mais ces trucs, les réactions accessibles,
les commentaires sont des choses que vous voulez.
Donc, ça fait le sens que vous faites les trucs.
Exactement.
Je pense que ce sera...
Les patterns sont très similaires entre les produits.
Si on peut donner un component prébile
pour ceux qui font ça,
ça va nous aider à faire un peu de rèdition,
dans quelques minutes.
Et puis, il y a toujours un path de la suite.
Si vous voulez faire un bon travail,
vous pouvez toujours faire ça.
C'est un peu similaire.
Je ne sais pas si vous utilisez Clerc.
Ils vous permettent de faire le component prébile,
ce qui est génial.
Vous pouvez légèrement construire
le panneau d'utilisation où vous changez les settings.
Vous pouvez aussi avoir le l'écran de la log,
tout le genre de rèdition de la gâte,
qui a été utile pour prendre des semaines de travail.
Et même si vous n'êtes pas heureux,
vous pouvez dire, OK, cool, je vais utiliser les hooks custom,
et faire un custom UI pour moi-même.
Mais je pense que c'est un bon travail d'adoption,
pour vous aider à commencer.
Oui, c'est super.
Ça semble être un très clair différenciateur,
comme, OK, on commence à offrir
des produits prébiles,
des produits que vous pouvez intégrer
pour commencer plus vite.
Qu'est-ce que votre narratif
sur comment les blocs
ont essayé de différencier
les HafsDig's,
en oublier d' 것으로cito.
de la même réalisation, comme, oh, c'est vraiment difficile.
Comment tu as placé les blocs de vie dans cet écosystème?
Oui, c'est un bon point.
Oui, je veux dire, c'est un peu comme un peu l'intérêt que je m'ai dit.
Je pense que notre puissance, et quelque chose que nous toujours fichons,
c'est que nous essayons d'actuellement faire surement tout ce qu'est l'écosystème,
comme toutes ces expériences, qu'on doit faire pour faire un producte collaboratif,
et qu'on travaille vraiment bien ensemble,
pour que tu n'aies pas de plein de plombings.
En ma expérience, quand tu construis des produits,
comme la plombing part, c'est comme, c'est chaud,
il y a un bunch de technologies,
mais quand tu veux faire de leur travail bien ensemble,
bien sûr que tu peux, mais c'est pas mal.
Et donc, c'est toujours un point de vue de nous,
donc, faire ce truc très facile.
Dx est super important pour nous.
Je ne sais pas si tu peux le dire,
mais je ne sais pas, on spending beaucoup de temps en documentation,
même les API, en réact,
on essaye de faire tout ça en type-screw,
avec des commentaires,
pour que quand tu utilises ça,
ça ne se démarre pas quand tu connectes avec LiveLux,
que ce soit dans le code VS,
dans les docks, dans le dashboard.
On essaye de faire un bon Dx,
sur tous les points touchés,
pour que tu puisses réduire le temps de valeur
comme possible.
Je ne sais pas si je suis en tension
si je me répète exactement votre question,
mais je pense que nous essayons de faire le travail bien ensemble,
vous avez un peu de plombing,
et de faire ça très pragmatique pour vous,
pour ne pas seulement construire un nouveau producte de collaboration
de scratch,
mais aussi,
vous avez un producte de sas,
qui a travaillé pour un décès,
ou quelque chose,
vous avez déjà des endpoints de l'API
et tout ça.
Tout le but est de faire la transition
très facile pour ces entreprises,
pour qu'elles ne soient pas obligées de réarchitecter tout.
Donc, je pense que
quelque chose que nous pensons,
c'est le Dx, le temps de valeur,
comment nous sommes pragmatiques
sur la solution que nous offrons,
même si la solution,
d'un point d'église,
ne pourrait pas toujours être
l'approche purest,
mais
ça peut être le plus pragmatique
d'une certaine chose,
qui est la chose qui nous a mis en place
et qui fait ça très facile pour les entreprises
pour construire et faire
ce producte de collaboration.
C'est la façon dont je voudrais
dire que nous en avons.
Oui, c'est certain,
le point d'exposition de Dx
s'en vient,
je me suis regardé
sur les tools de vos développeurs,
qui se sont faits,
qui sont vraiment, vraiment,
Et c'est un autre des choses
qui est un peu détenu,
si vous faites de la réel temps,
et surtout si vous faites de la réaction,
et vous avez fait un sort de
sort de, un sort de,
un sort d'application d'OJS,
ou un OJS custom WebSocket,
qui est en train de se faire
de la state de tout,
ça peut être difficile,
donc ce sont les tools de construction
où vous voyez
les blocs collaboratifs
sur la page,
et les states de leur currentité,
et comme ils sont réveillés,
c'est super, c'est super cool.
Je suis content d'avoir vous envoyé,
mais
je
j'adore
ce producte,
donc pour les gens
qui l'entend, c'est
les tools de construction de la blog,
les tools de la blog,
les extensions de browser,
donc ça fonctionne pour Chrome,
Firefox et Edge,
je ne suis pas sûr que je ne vous ai pas mis
une d'eux.
Nous avons utilisé
une bonne
compagnie pour ces produits,
c'est le Plasma,
donc je ne sais pas si vous avez
construit
des extensions
pour les browsers,
c'est super,
je n'ai pas utilisé ça moi-même,
mais le team
a été détenu pour construire
un peu plus rapidement.
Je n'aime pas
ce produit,
parce que
je sais que c'est super
difficile de débarter
et de construire des expériences
parce que vous avez
beaucoup de gens qui peuvent
manipuler le state,
vous avez le présent, le broadcast,
le site,
donc de pouvoir
voir tout ce genre de choses,
le DX,
c'est
vraiment difficile
pour moi de penser
à construire
une expérience multiplieuse
sans ça maintenant.
Mais ce que j'aime
le plus, c'est que ce projet
était
une idée
de Vincent
et Marc,
ils ont travaillé ensemble,
ils ont piqué
l'idée de construire
ce produit.
C'est un truc
que j'ai été super
heureux
de voir
quelque chose
qui a
réveillé
par le team,
ils ont fait
ce problème
et ils ont piqué
ce produit.
Ils disent
OK,
prendre un couple
de cycles
pour le faire,
et ils ont
fait un bon travail.
Je veux juste
que votre DOCS
et tous les websites
soient
absolument magnifiques.
Même si
on regarde les exemples,
les live cursors,
on a
une simple,
facile à lire,
des exemples
qui travaillent
très fluidément.
C'est
une très bonne
sale.
Donc, un bon travail.
Merci.
Il y a
beaucoup de
travail par le team
et
j'ai hâte
que ça va
et...
Oh, c'est certain.
Un des facteurs
de la fin,
quand
ce
épisode va
en
aller live,
on peut avoir
une nouvelle DOCS.
Je suis très excité
à...
On travaille
sur une nouvelle...
C'est
une même base,
mais on travaille
sur une nouvelle version
de DOCS que je pense
que ça va être super
super,
avec un tutoriel
interactif,
avec un vis-à-vis
où vous pouvez
commencer.
Oui,
je
j'adore
ce truc,
j'espère que vous allez
l'aimer.
Oui.
Donc,
on va
faire des questions
techniques
sur
comment la boxe
Comment
cela se dévile
avec les conflits?
Si vous faites une collaboration,
il y a
très haute chance
que vous avez des conflits
dans les choses que vous
vous en avez.
Comment les
conflits se dévouent?
Oui,
donc,
encore une
chose
qui est
plus élevé
par le co-farmateur,
le CTO
et le team
Mais
le fait que ça
fonctionne,
donc,
comme je vous l'ai dit,
nous avons
des rooms
qui sont
collaboratifs.
Nous avons
cela
sur la
edge,
donc,
ils sont très
très près de nos locations
et dans ces
rooms,
nous avons un producte
qui s'appelle
Storage.
Et le Storage
est
fait
de
des
types
de conflits
qui
nous en ont
des développeurs
qui ont
des applications.
Donc,
nous avons
trois types de conflits.
Nous avons
des listes
qui sont très similaires
à un arrêt,
d'excepter que
maintenant,
vous pouvez avoir
plusieurs personnes
qui ont
des choses réordirées
dans ces listes
et nous avons
résolvées
l'index de ça.
Vous avez
des maps,
des maps,
et des objets.
Et
l'approche
que nous avons
n'est pas
comme une solution
pure
CRODT
solution,
YGS,
qui a
une biaise
sur la collaboration texte.
Ours
c'est très
similaires
à ce que nous
nous
résolvons
des conflits
sur le service.
Ce n'est pas
centralisé,
où
tout
s'occupe
sur le client.
Donc,
c'est
ce qui
fonctionne.
Des conflits
qui s'occupe
sur le service,
ou les dernières
réordirées.
Et puis,
des trucs
réordirés,
c'est
ce qui nous défendra
par l'index.
Nous
évoquons
des items
réordirés
dans les listes.
Donc,
à un moment,
ça fonctionne.
Je ne sais pas
si vous savez ça,
mais
le Redux,
quand vous
utilisez,
vous devez
déclarer les objets
ou est-ce que
vous pensez
que la thingie de Redux
est la thingie de Live
List.
Donc,
c'est un peu plus explicit
si vous utilisez
le client
ou le package réacte
directement,
parce que vous avez
accès à ces structures.
Vous vous dites
que vous allez créer
une liste de Live
List,
et vous avez
des types
de live
blocks,
de
documents,
etc.
Vous avez
un contrôle
de ça.
Pour
Redux,
vous
devez
mettre des objets
dans les maps
de Live List.
Mais
nous devons
faire un peu de
déclaration.
Donc,
parfois,
on ne peut pas
avoir le temps,
mais c'est un moyen
de
définir
cela
si vous avez besoin
et si vous voyez
quelque chose
qui ne fonctionne pas.
Mais,
encore,
c'est un bon exemple
de
être
pragmatique.
Il y a
un bunch
de
développeurs
qui ont une app
existante.
Ils utilisent
Zustan
ou Redux
pour
les contrôler.
Ça
fait
très facile
pour eux
de voir le valeur
de Live blocks.
Je
veux
faire un
multiple.
C'est
très facile
pour
mettre
les blocs
de Live
et
voir
comment
cela peut
faire
les
C'est
d'enregistrement.
C'est
très possible
que
quelqu'un
de
sur son
vidéo
et
que
cela
fonctionne.
Oui,
c'est
une
question.
Les
blocs
sont
maintenant
en
une
édition.
Vous
pouvez
off-line
pour un peu
et on
persiste
sur la
mémoire.
Si
vous
off-line
pour
30
minutes
ou 2
heures
et
reconnecter
on
va
automatiquement
envoyer
les
changements
et résolver
les
points
en
building
un product
de
Google Docs
vous
voulez
votre système
pour
être
réel
si vous
vous
vous
vous
vous
vous
vous
vous
vous
vous
vous
vous
vous vous
eurez
de
tempting
Mensch
avec
la
complète
pillars
ça
spot
Так
ça nous permet à la придумer comme une interface dewort ou d'LD
et aussi une questionета
c'estams encore d'en vrai
så attestons si vous vous aviez trouvé un peu enceau
mais c'est unrand cosi
mais ça va déjà durer
handles
jeotes
d'imaginer des conflits d'impact.
Je ne peux pas imaginer comment tu résolves les conflits d'apparition.
Ça me semble assez difficile.
C'est certain.
C'est comme une base de rebase pour ton data.
C'est intéressant.
Oui.
Donc,
dans ce que tu parles,
quand tu crées des liveblocks,
ou avant, tu crées des liveblocks,
tu construis un produit différent,
tu construis quelque chose que tu as encore fini de travailler
sur la collaboration en temps réel.
Donc,
quelle partie de ça,
et même ton temps et ton vision,
sort de la forme,
peut-être le DX de liveblocks,
ou de la manière dont tu ne parles pas de ce produit ?
C'est un bon produit.
C'est mon premier temps de construire des tools de la deaf.
Et
je me souviens
de construire des trucs,
de l'engineering,
mais en ma première année, je suis product designer.
Je me suis commencé comme développeur web,
mais j'ai travaillé avec un designer UX,
j'étais sur le team UX,
et je me suis rapidement fait le shift
pour un produit de design.
Parce que
je n'ai vraiment pas
de choses à construire,
que les gens ont designé, et je devrais construire.
C'est quelque chose que je n'ai pas vraiment aimé.
J'ai l'idée de
c'est ce que je veux
de designer, c'est ce que j'ai imaginé,
cette expérience de feel, et je voulais construire.
J'étais toujours intéressé
dans les interactions des choses.
Et donc,
un grand UX est toujours quelque chose que je suis
obssé à.
Qu'est-ce que c'est un tool de UI,
comme
quand tu construis un product de SaaS,
tu construis
un UI, et c'est
ce que les gens interactuent avec,
c'est le passé que les gens vont prendre.
Avec un tool de deaf,
c'est un peu plus difficile
d'avoir un point de vue,
faire un grand UX.
Je suis toujours en train de
apprendre beaucoup,
parce que tu as
beaucoup de différents points de touch.
C'est pas
ce que tu vas utiliser,
c'est un API
que tu peux utiliser de cette manière,
un autre API que tu peux utiliser de cette manière.
Et ici,
il y a un doigt,
un dashboard,
tu as un plein de différents points de touch
où
ils jouent beaucoup dans l'expérience de la développe.
Et c'est
ce que je trouve très difficile
avec les tools de deaf,
mais je suis aussi
obssé à.
C'est le plus important pour moi,
en pensant sur
toutes les effets que les gens peuvent interagir
avec des blogs de live,
pour que
ce soit toujours clair
ce qui doit être fait.
Je ne sais pas si je suis influencé
par mes expériences en vision
ou en travaillant sur les tools de design
dans le passé, mais je dirais
que
mon background de design,
c'est probablement ce qui
m'amuse
l'expérience d'une personne,
d'un X pour notre cas,
pour que nous puissions avoir un bon X,
quelque chose que je suis vraiment passionné
mais c'est un teamwork,
c'est comme
avec un producte de SaaS
où vous avez un UI
que vous interagissez comme un utilisateur.
Bien sûr, tout le monde a un rôle
de faire surement une grande expérience,
c'est un effort de team,
mais un peu s'il y a un très bon design,
un très bon frontier d'ingénieuse,
chances sont que vous allez avoir
un très bon producte,
un très bon expérience
avec des tools de devs, il faut que tout le monde
soit en train de faire surement un producte.
Les ingénieurs,
en fait, sont plus responsables
que les designers de l'actual UX.
Parce qu'ils vont être les uns
qui font les APIs,
les names que vous utilisez dans les APIs,
est-ce que ça va s'écaler
pour des années de fin?
Est-ce que ce concept va rester correct?
Vous devez penser à ça.
Est-ce que vous vous mettez les mêmes commentaires
dans la description pour que, quand vous utilisez ça en code VS,
vous voyez le tool tip qui vous dit comment utiliser ça.
Quand vous avez le tool tip,
est-ce qu'il y a un lien qui vous tient
à la documentation?
Est-ce que vous allez écrire ça?
Il se touche de plein de points différents
que ça doit être
important et important pour tout ce qu'on fait.
Il doit être part de la culture de la compagnie.
C'est l'un des plus grands challenges
et quelque chose que je pense
beaucoup.
Je suis heureux de où nous sommes, mais je pense qu'il y a un peu plus
de choses que nous pouvons faire
pour que le DX soit encore plus bon.
Dx, pour moi,
semble un peu plus de stakes que UX.
UX, vous pouvez dire, oh, nous avons évoqué
une expérience de crappé, nous le faisons cliquer
différent. Mais si nous évoquons le X,
c'est comme, oh, ces gens doivent changer leur code
maintenant et c'est beaucoup plus
difficile que de dire, oh, apprendre ce nouveau workflow.
Exactement.
Et ensuite, vous allez avoir une nouvelle version
de l'app.
Ce n'est pas facile de demander aux gens
d'engranger.
Il y a des upgrades, il y a 5 minutes,
je vais le faire.
Mais pourquoi est-ce que la compagnie
ou le développeur va engranger un nouveau
package de votre producteur
et se vend d'hours en faisant
ça ? Pourquoi ils le faisent ?
Ils sont en train de se valir.
Donc, chaque décision que vous faites
dans le tool de la dév
est...
Certains de eux sont de la même manière,
c'est vraiment difficile de révertir ces décisions.
Vous pouvez toujours le faire, mais il y a
une faute à la dév
qui est...
C'est un peu plus difficile
de révertir les devs dans ma expérience
que d'autres des trucs que j'ai travaillés
dans le passé. Mais c'est fun.
Les développeurs sont très hard de market
ils sont comme une très finicky crowd
et ils ont très peu de patients
et ils ont beaucoup de confiance
dans ce qu'ils pensent qu'ils sont capable de.
C'est vrai.
Il y a beaucoup d'interessants.
C'est un bon point.
C'est difficile.
J'en suis sûr.
J'en suis en train de faire ça
en travaillant sur les blocs de vie.
C'est difficile car quand vous travaillez
sur un producte de sas, vous le buildez,
vous le designz, vous le formez, les gens l'utilisent
ou ils ne l'utilisent pas. Mais avec les développeurs
vous le buildez,
mais tout ce que vous faites,
ils pourraient les construire.
C'est un challenge.
Vous devez faire quelque chose qui est vraiment bon
pour les convaincre.
Ils comprenaient comment les construirent.
Ils pourraient les construire.
C'est un challenge.
C'est un challenge.
C'est un challenge.
On a touché un peu
avec les types de données
que vous pouvez ajouter
sur les blocs de vie.
Mais il y a-t-il d'autres types
de présence collaboratives que nous n'avons pas parlé?
Oui.
Donc,
il y a des présences.
C'est le concept
de présence que nous avons dans les blocs de vie.
Il y a
des expériences que vous pouvez faire avec ça.
Mais la plus commune
que nous avons, c'est les courses de vie.
Si vous voulez construire
une expérience de vie
où les courses se sont en train de se faire,
c'est très facile de faire avec les présences.
On vous en enable
d'en faire des réactions
pour passer
à la
présence de la présence de vie.
Et puis vous pouvez
définir vos coordinates de x, y pour les courses.
Et
sur le côté de l'autre, on peut montrer un component de Svg
qui ressemble à un courses
et on peut faire des choses de cette façon.
Mais il y a un peu de choses que vous pouvez construire avec les présences.
L'idée de ce producteur est
quand vous pensez à un producteur collaboratif
de multiplicateur,
tout ce qu'on doit faire est de répliquer
des expériences que nous avons
pour le monde digital.
Donc, quand vous êtes dans un sénère
avec quelqu'un, en même sénère
vous voyez Andrew
il y a un peu d'autres, Justin
je vois ce qu'ils font
ou si vous
travaillez sur une grande table
naturelle, vous vous faites un note post-it
et vous vous arrêtez avec votre pen.
Je vais voir que vous êtes en train
de prendre le note post-it
et vous vous arrêtez.
Nous vous aide à montrer
que le site de la table
d'exemple, vous voyez
que les gens qui sont là
sont en train de faire
ce qu'ils font maintenant.
Ils sont en train de prendre le note post-it
ou si vous faites
une forme de multiplaire
vous voyez que Andrew est en train de
éditer cet input
et vous vous vous montre un bordur
ou Justin est en train de éditer
ce slide, vous vous vous montre un bordur
autour de ce slide.
Ce sont les
des présences typiques
comme caissons, caissons,
texte et des textes
live de la table d'adaptation
mais il y a aussi des choses
plus oubliques, des choses
qui me suivent
des features
où vous pouvez dégâter
si vous vous build
un deck, je pense que si vous vous
vous vous montrez un pitch
pour pouvoir dégâter
la vie de tout le monde
où les gens peuvent vous suivre
c'est intéressant, c'est un autre
utilisation que nous tendons à voir.
C'est un petit feature
que vous ne pensez pas
mais le fait que vous pouvez le faire
c'est super.
Les gens m'ont demandé pour D-Script
et je me suis dit je ne sais pas
Je dois utiliser des liveblocks
Nous avons
en fait, je pense,
notre solution de la maison
qui s'appelle Trimurge Sync
C'est une chose d'open source
qui fait beaucoup
de choses que je ne sais pas
mais ça a bien été bien
C'est bon, parfait
Nous avons parlé beaucoup de la technologie
mais que sont-ils les cas de use
de liveblocks que vous avez vu en l'âge?
Vous avez vu quelque chose d'inexplicable
où vous vous dites que c'est intéressant
Oui, c'est certain
Surtout quand nous avons first built
nous avons été des outils que nous avons besoin
de nous-mêmes
et parmi les backgrounds de la technologie
le producteur était très bien
en train de le faire
mais on a
fait des tests
pour que les gens puissent pouvoir
faire des expériences
pas seulement les companies de la technologie
qui apprécient mais les entreprises
de toutes les industries
et donc, à l'heure
où j'ai commencé à voir ça
c'était une entreprise
en Australie qui s'appelle
Propolar
ils ont fait 3D maps
ils ont fait des photos et ont fait des maps
pour les ingénieurs civils
et des projets de construction
et ce genre de choses
et ils ont fait des maps en collaboration
pour que vous puissiez les faire
et quand vous les déjouez, vous calculerez
le nombre de durs que vous faites
et vous pouvez le faire
donc je pensais que c'était un bon use case
ce sont des tools créatifs
un autre que j'aime
récemment
comme un company qui s'appelle Dialogue
c'est une company de telemedicine
basée en Canada
ils ont
un tool interne pour
des doctorats et des nurses
qui ont utilisé pour les philes patientes
et pour les consultations
et avant les blogs de vie, ils avaient un problème
de
plusieurs nurses et des doctors
qui allaient regarder le même file de passion
et ils avaient
des conflits et ils n'avaient pas de
savoir que quelqu'un était en train
et ils avaient sauvé
et le prochain
qui la sauvait
ils ont utilisé des blogs de vie
dans un hackathon
et
dans 3 semaines ils ont
payé les clients
et je pensais que c'était un outil
un outil très cool
ce n'est pas
un tool créatif mais c'est
faire un produit digital
pour que vous vous sentez en même espace
en un outil
qui fait la efficacité pour les nurses et les doctors
et c'est un peu mieux
je trouve ça super intéressant
parce que ce n'est pas le premier outil
qu'il pense
donc
les deux que j'aime
c'est intéressant
c'est drôle que
le nom de la company est Dialogue
parce que j'ai juste entendu un outil
qui se trouve motté
c'est un bon outil
donc, à la fin de l'épisode
nous avons demandé
de la question de la future
ici on parle
de la future
de les apps
est-ce que c'est plus de collaboration ?
est-ce que tout le app est en collaboration ?
oui
la raison entière
c'est que
nous
pour beaucoup de companies
même si vous avez un office
c'est très probable que vous allez travailler
pas dans le même espace physique que quelqu'un
d'autre
et donc dans ce monde c'est plus digital
c'est important que
nous puissions connecter les gens
et donc
pour tous les produits de sas
pour devenir collaborateurs
comme Figma
il faut être une company
ou des companies qui ont le rôle
de faire cela très facile pour les développeurs
dans ces entreprises
pour créer ces apps collaborateurs
et donc pour moi
si nous devons prédiquer la future, je ne sais pas si je suis correct
mais je pense que
si pas toutes les produits de sas
que nous avons
nous devons être
collaborateurs quand nous sommes d'autres
et donc ça sera mon numéro 1
le numéro 1
le marché de sas
il y a des expériences
peut-être
peut-être 1b comme collaborateurs
il y a des espaces où ça ne fait pas le sens
mais je pense qu'il y a une grande majorité de casques
où tout ce que nous expérimions
digitalement, nous devons devenir collaborateurs
donc
oui, j'espère que les blogs de la vie
nous allons jouer un rôle
pour pouvoir l'infrastructure
pour les mondes
mais oui, c'est mon bête
on va voir si je suis correct
je pense que ça sera important
comment pensez-vous ?
je dirais que c'est intéressant
avant l'iphone
nous n'avons pas
des smartphones touchés
que les gens ont naturellement utilisé
et maintenant
vous avez des enfants
qui sont venus avec des ipads
et ils tentent de toucher les téléphones
et des screens de computer
parce qu'ils ne sont pas d'accord
et je pense que
collaboration
va aussi être la chose
les gens vont être
si habitués à avoir collaboration
avec beaucoup de projets
les enfants vont venir et juste attendre
qu'ils puissent faire des choses
avec leurs amis
pourquoi n'est-ce pas quelqu'un qui est en train de voir vous
dans cette app
c'est un bon élégant
je ne pense pas que ça va être ça
ça fait sens
cool, avec ça, on va
faire des petits petits petits
la version complète de cet épisode est seulement available
pour les abonnés
pour les petits petits, il faut devenir un
cool, ça nous rapporte
merci pour les petits petits
c'était une conversation fun
pour la collaboration live
et les décisions de la construction
pour faire des choses comme ça
merci pour les gens
c'est cool
je pense que tout le monde
quand je faisais tout ça
c'était un démon versel
tout le monde m'a dit que c'était super cool
j'ai besoin de parler avec eux
j'ai hâte de vous avoir
merci, c'était super
Episode suivant:
Les infos glanées
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