Prettier JavaScript with Vjeux

like, the last 20% are taking, like, another 80% of time.

hours and, like, weeks and, like, months of their life, like, working on this. They are, like, super excited to geek out on the subjects. And so, like, every single person, like, ended up replying to me, and they all had, like, their reason and those kind of things.

And so for me, I was like, okay. So now what I need to do is to figure out, like, why, you know? Yeah. Yeah. So, like, this is this time, and, like, this is working.

was not because it was not possible, amount of options this is a HTML, and, like, there's a JavaScript block. And so in order for, like, being useful for, like, front end folks, like, the the setup for this is,

And things where, like, JavaScript is included in those languages.

And, a lot of people are, like, worried about doing this and everything, but in practice, like, people have spent, like, you need to, like, like, they're going to, like, not doing it, but you need to also, like, be there to, like, oh, reply on full request and do this. And then, like, now you need to also, like,

every time your code formats drops a fraction of a penny

connect I don't know. You can tell that you've done it because,

pennies bucket. And every time your format

it will mine a little bit of Bitcoin every single save. The How about that? Amount

the Versus Node to some kind of micro

of time that it saves me in general. III do have to thank you. I know that's, like,

into a bucket. Yeah. 1¢ per save or

if you don't wanna pay,

What you should do is

of the, And I was like, oh, now that I know all of the things I know about 3 d printer, I know what it is to, like, actually make it successful. Now that there's Wes 2 upstart,

1 of my golden rule was I'm not going to update any single file myself.

Like, I didn't want to impose anything on them.

Definitely. And what are your thoughts on some of the,

Yeah. Yeah.

something I've had with an issue of performance,

specifically because I'm usually just doing it per file.

other, like, rust based ones that that are are popping up. It's not

And so this is where, to the language or, like, the extensions, for example, like, for Vue or, like, for Svelte or for, like, Angular And, we don't have, like, many, like, big new features or new settings or kind of things. Now it doesn't mean that the product is like that. And so in practice, like, there was, like the JavaScript survey

van der Werff, like very expensive and like, a big waste of time for, like, at the end of the day, it doesn't matter, like, where the parenthesis are and everything.

And so the bar for, like, getting something, like, prettier to work Wes, like, we need to be 99.999%

now and only now, you can start, And, what's happened, what happened, like, I think 2 years ago JS that, this, like, building those people.

it has to work 100% or, like, 99.999% Yeah. So I would say you're going to get the most value if you run it on save. And so Okay. Good. And this was, like, a very big surprise for me. So when I did, like, Prettier, my goal Wes, like, at review time,

there was 2 people, James Node and Peter The the issue that I found, with, like, the way EASTIN handles thing is,

And so it took me until I joined the compiler team within the company, working on new programming language, But the issue with, Because, like, usually, like, the organizational structure, like, JS, like, staffing thing that already exists and, like, is, like, the actual implementation.

the the thing JS, it doesn't apply for projects like Prettier.

to this, like, hey. I'm going to, like, solve every single edge case until I can actually make use of it.

And this means that the way to run this kind of project and, let like, honestly, like,

during a winter, and every day I would, like, fix, like, 1, 2, 3, 4, 5 edge cases.

to actually go through, like, for new languages, And so like, this is first, like Scott everybody is like, excited about this kind of thing. And not everybody is like willing to take the same amount of risk I'm willing to take. And so this is like 1 part. But the 2nd part is, 1000

like, in 1 person at a time, like, they're just not going to use it. Yeah. Yeah. So if you drop it immediately, yeah. JS like, if you start saving your file and then, like, now it no longer validates, so it's no longer pro, like, real JavaScript.

That's that's fantastic. I'm I'm I always love hearing the, like, behind the scenes on that type of thing. And, in Canada, we grew up learning French as well. And my,

and React Scott, and,

engineer at Meta, cocreator of React Native, Prettier, creator of Excalidraw,

And so what I did was to swap the 2. So, what your background is, but, like like, what's your job? What do you do? Yeah. So so I'm, like, a software engineer at Meta. And so I've been a manager, And so, like, EID feedback, and so this, I think, could be, like, a lot faster. And whether it's written in JavaScript or Rust, I don't care. But, like, I'm really, like, glad that, like, we're as an ecosystem, we're pushing a lot, I personally

kind of prolific,

has never been in any conflicts on whatever network or, like, service I'm I'm hitting for and for a 5 letter, like, it's not it's pretty un unheard of, so I'm sticking with it.

He is Christopher

my line to anyone whoever speaks French is.

Wes, we'll we'll we'll just let's just roll with that. That's a good intro. Welcome to Syntax, everybody. We've got,

yoga,

on today.

And you mentioned around, like, my technical abilities and everything. 1 other thing I realized about myself is I'm to, like, maintain, we've, gotten around, like, $140, 000 but a lot of the thing I'm doing is less hands hands on coding and more like how do you find, like, the, like, amazing people who have amazing ideas and everything, and how do you help them, like, And 1 of the thing I, like, started, thinking about it, and I realized that the reason why they didn't, like, succeed like be on the, like, really a poor trajectory? And like how do you get, like, projects started, and project going, and those kind of things? So I don't think like, I think the status quo is, like, in good shape. So Yeah. I agree. I I think, like, in JavaScript land, we need less

going in. Now, like, I was like, yep. This is the time. This is the moment. Mhmm.

Both of them during the winter break, like, started hacking on a JavaScript 3 d printer.

not the 1 going to, for this.

And so this is the thing that this, is like 6 months or a year is that, Did you come prepared with a sick pick or a shameless plug for us today? So I have 1 shameless plug, like, please buy the T shirts.

and building something else JS because of this fundamental way things are working.

they are guaranteed, all of those things that like, I didn't think were, like, relevant or important or and so, like, the first impression was, like, why is she spending all of this time? Like, she's, like, super smart and everything, but, like, this is just a waste of time and, like, not setting you up for success.

to have, And like, being faster.

place. And so this really helped, like, having both,

And so I'm really glad that, like, this, like, with, like, your manager and everything. And this is why, like, I say, like, Node a lot of people have this archetype JS because, like, add Java add the CSS in JavaScript,

And so, like, a lot of the things that, like, Wes slower than it should be, like, are now, like, much better, And so for example, for the Dutch chaining, people are just using method code and everything, but people are doing entire DSLs

of the Prettier logo, which is quite a lot. It took quite a bit to screen ESLint, and then we've got the syntax on the arm here.

is sold goes toward the prettier project, which is we're really excited to do. So if you wanna grab 1 yourself, go to century.shop

Who are you, and what do you do? III did, like,

or just go to syntax.fm and click on swag in the top,

And the probably the most important part is that $10 for every shirt that is

that we're we're doing this, and,

So this is a Prettier t shirt with all of the colors

and you can grab 1 of your shirts before they are all gone. So pretty stoked,

appreciate Prettier being, 1 of the first to guinea pig this with us. Yeah. For sure. Alright. So let's let's give a a quick introduction.

this is sort of the announcement of

Syntax is doing, open source collabs with

different open source projects. So we are teaming up with Prettier. It's gonna be 1 1 of the very first projects, and we're releasing this really cool t shirt.

I created, like, a first date, like, on

how do I put myself in a position where I start new projects But, there's a lot of, like, people, like, being, like, super, like,

the project and they they can, like, keep going while I'm, like, doing something else. And for example, like, when I started Excalidraw, Yeah. No. This is a, yeah, really, interesting problem.

intentionally is very, like, open and welcoming. And, like, if you're, like, in this position, like, don't hesitate to reach out to me or, like, to both of you or, like, to a bunch of people. I'm pretty sure, like, you're going to get, like, good responses.

the on the code sandbox, and then I created a GitHub repo. The first thing I did was to create 20 issues around, like, all of the thing I wish the product existed.

creating this kind of, like, people, like, opportunities for people to contribute the, like, the, like, how to make products successful tools and teams and everything Bos and, like, all of the Wes and all of those kind of variations.

and, like have people, like, feel like they own, having to manually, like, format your code. Totally. And this is, the thing I also realized is that,

And so now the way I've been thinking more about it is, Yeah.

quite a bit, behind him. And here we're here today to talk, I think, specifically about Prettier, but we'll kinda see where that goes. So welcome. Thanks so much for coming on. Yeah. Thank you so much for inviting me, and happy to talk about Prettier or any of the above or, like, other stuff. Nice. But before we get going, if you want your errors to be laid out in a prettier way so that you can read them and actually find exactly what's going on, head on over to your century.ioforward/

what's going on with your users and and how your app is functioning. So,

syntax.

And, honestly, it's it's really the best way to get a good visual on everything that's going on in your app from errors

to performance

Right on. Alright. So you'll probably anyone listening to the v or watching the video, you'll probably notice that we're all kinda looking silly wearing the same T shirt right now.

But,

to just even understanding,

thank you so much to Sanity for presenting this podcast.

Whatever I'm doing, I'm going to work on this, to people, like, to the identity and everything.

It's that manager mindset that you probably cultivated. And that's why Prettier has such a cool logo and all of that kind of stuff.

for both of them, like the same so that like they could actually compete. And I would like create a little ball around like, hey, JS there like all of the AST, like abstract syntax tree Node that you support and not only for the internal be. Now the like, now I had a good idea, but I had like a bunch of work and I had like other things to do in my life and I wasn't like ready to commit. And so what triggered me, it was,

Okay.

that, will just potentially,

you know, progress. Is there, like, a definitive

ESLint, showing up super fast in your editor. That's something that you you certainly want. And your refreshes, if you're doing fast refresh on a,

React application, you warp it to refresh in the browser. Those things are super important. I'm glad to see lots of projects in that space. So that I think that leads in really well to, like, I guess, like, what is the the future of Prettier look like? So we have these Rust based alternatives. We have Prettier's,

road map or anything that is on the horizon? Or is this considered like a working tool

Yeah. So I think, for me, like, the road map is, like, pretty sure, like,

you know, improve in performance?

like, it made sense to, like, also, like, support, like, HTML, like, CSS, and also all of the kind of templating language, like, people Yarn, like, regularly using. So for all of them, why are people so attached thinking, like, in 5 years or in 10 years, my my gut feeling is that, in the industry, like, most people are using single quotes.

And the reason it's so important is, like,

like, plan of, like, making sure, like, it works 99% the, like, companies and organizations and everything are not structured, like, issues And I was like, oh, shit. Like, this is happening again. And so this is when I was like, nope. Like, I'm going to, like, like, actually make it happen. And so this is why I basically told my manager, hey, sorry.

from France originally.

if it's, looks different like, first, like, you're spending more time, like, look reading the code and, like, understanding.

And instead of, like, the 3 d APIs of Wes.

And then, 6 months later, to, But then, we figured, like, people actually at the end of the day, like, we've been able to do it once 1. But the issue is, like, all of like, it was really hard and, like, there's a bunch of, like, things outcoded,

like, I ended up doing the same. Like, somebody joined the team and ended up, like, saying, hey, Node should put, like, all this space and everything. And I started, like, in the 6 months realizing, like, why it's so important.

basically, like annotating every single line of my pull request and say, hey, you should put like the space there, like the partition, of Prettier. Actually, like, from at the same way as Prettier, like, photos of test suite as Prettier. And I'm really excited because Biome actually, like, took on the channel, and now they are able, like, to get, like, the same formatting as Prettier. And so now we have, like, actually, like, 2 projects that are, like, outputting the same, like, fighting about and everything. So now we decide, like, does it make the cuts or not? a lot of different ways people like, operator chaining, like, the Scott, now actually, like, formatting the same way and, like, JavaScript, We use semicolons.

experience. I was, like, frustrated and everything, but I didn't have a solution for this.

if it's diff like, if there's 2 ways to do something, for these kind of things. But 1 other thing with, like, Facebook and Meta is, like, while not structured for this, like, it enables basically being, like, a manager, like a product product manager, Yuan Tian, like, spends probably, like, half an hour, like, for the options,

this is like this Scott this is 1 thing, to think about JS, like, yeah, you're going to be in a weird setup, but you need to embrace it.

I married my girlfriend so that she could actually come work with me. And getting people excited about, like, building those kind of things and, helping the people that are, like, actually doing the, literature or, like, any project that were able to, like, get to this point.

to use. And some people are going to be pro something, against something, and then there's going to be a lot of work, like, they are, like, being officially maintained and then all of their variations. So available for JavaScript, it's only not only JavaScript, but it's like, like, to justify this. And so we've kept, like, double quotes, like, since the beginning of time,

like, oh, there was a very interesting project, and I started coding and, like, sending, like, a pull request the incredible pull request.

know what Prettier is?

Does Mark Zuckerberg

for me to, like, oh, at some point, like, just disappear for, like, 6 months and, like, work on this with the expectation, for Wes you start deploying it. Now, like, your, like, Versus Node has a different set of option ended up being, like, a really good pretty printer for, like, 1 And so for me, it's, like, never been an issue, to take the bullet and everything, let's not add an option for this. So this was, like, my mindset, the the thing for me is that I wanted to be fast enough.

like, But I saw, like, many examples where there were, like, really good engineers, to work on this. And so, like, my goal with this churn was also to, like, not snipe somebody into, And, like, correct, the, the notion of, like, formatting, your code is not just for JavaScript. This is, like, for every single language in the world.

because of the success, like,

like the next half and, like, me for many years. So bounty, And

was started,

in the world, like, have auto formatting, like, done by default. And so this is, like, mostly what I care about is, like, this is not a default. Like, you cannot have, like, any programming language without this. Now whether it's implemented by Prettier or like something else, I care less about it.

you, like, you could do it. But JavaScript and Preetha approved you can do it on an existing language as it's messy and, like, not, like, well architected and everything. Yeah. So this really inspired a lot of other people. And so for example, like, Black from Python,

like 2 rows of Wes, like, besides me and, like, hey, it was super exciting and pretty awesome. He, like, he ended up, like, doing this. And now we Yarn seeing, like, every single language,

And 1 of the thing is, like, GoFmt started the trend, but the issue JS GoFmt. It was only for languages, and are being paid, $1, 500 is, like, to in my opinion, not common 1 people are, like, And, like, my my thinking at this time was, like, the best way to figure out, like, why it didn't work is to actually talk to those people and ask them Okay. Why it didn't work. Like, why did your project, like, not work and everything.

by someone working at Facebook, everything? Yeah. And I would actually run it on top of real code Bos and say, hey, this doesn't look good, this doesn't look good, those kind of things. And so I got both of them to compete And so, transformers.

It's. Right? That's how you

games, is called Je Video.

video

Veju.

Veju. Veju. Veju. Veju. Yeah. So the story behind this

like, you just dropping them and, like, seeing how it works. Like, it's more likely going to be, like, yeah, you need to do a lot of work around this, but, grow. And now I'm back to, Individual Contributor, bounty and everything helped

like, recommend, the, like, for most cases Yeah. And so those 2 people ended up, but people, like, kept saying, like, hey, Prettier, like, it's not fast enough and there's this rust, like, thing happening.

but they haven't went through the very rigorous start giving them more responsibilities.

the the thing that's most fascinating to me, and this is a good segue ESLint

is it ever slow?

like, now you're going to, like, figure like, what you need to solve JS, to, like, the syntax and the formatting and everything? like, work on Prettier, like, to maintain it and, like, add those features. And so for this, the setup that we have is we have, 2 people that are working full, like, not full time, but, like, our main like, official maintainers

then in practice, like, within the Facebook codebase, we can, like, reformat everything in another 2 minutes.

And, curly braces. How do we format, tools adding syntax and everything, it needs to on this.

all of the ones that are, like, really, like, blocking people adoption, like, we put them ESLint, and the rest than, like, your, like, source control integration

My brain. Oh, man. I'm curious. Inside of Facebook,

use and abuse to now, like, And at this point, like, So now from the user perspective, like, you can use 1 or the other. Like, I personally don't care. Like, both projects are actually solving the issues I, like, set out to like, job. And so this is like a negotiation, commit access, like, admin access.

And in practice, I ended up being the Node deciding, like, a lot, like, a lot of how the syntax is, like, being, like, printed.

like, And so instead, like, the project I've seen work around, like, formatting Node, like Go fmt, like, Rust FMT, There are, like, a lot of things that, like, you can do static analysis we, like, didn't during the winter break. And at the end of the winter break, both of them were like, yeah, Wes a fun winter, but I got to go back to my real Bos? So see you.

this to, like, mean, like, very, very different things.

definition,

And so for this, what we had to do is to have to do, like, heuristics

of the code you're trying to ESLint, and then, like, whenever, like, the Prettier t shirts are on sale, like, this is a really good way for just not donating, like, in the void, but you're actually getting something in return. Mhmm. And then, Yeah. And, Veju? I pnpm a lot of my time reading Hacker News and listening to podcasts and everything. Trying to figure, okay, what Yarn the things that are happening in the world and, everything? And then, like, my creative mindset is trying to figure out, like, how to apply,

those kind of things.

because, like, we intended it, but it was controversial because,

Yeah. And so now, like, almost all everybody is using it. Now I can say, like, hey. All of the JavaScript code written in the world, like, I decided, like, not It was because of you.

that work, And so for this, if you work on, like, crazy, like, ambitious project like this, that's usually not going to be a team that is, like, the right place for it.

Yeah.

there's

tree, it's really hard to tell, like, in which doing all of this, like, setup and, like, going through, like, most of the, like, edge case and everything. And once it's at this place, And, before because I was jumping on everything, like, nobody else, like, was in their mind that they could contribute.

do you use semicolons or not?

configuration you're in.

writes, like, a format that, like, shows the code using the same semantics.

then some things that you're going to, like, actually read file, like, the JavaScript files converted over. And so now for the this rollout process,

really to to that, point. And so this is, like, a decision that I had to make. And this is, like the weird thing about this project is a lot of people, like, we Node, like, decision making.

it was really hard

That's really,

the skilled management or skilled

I think develop development managers sometimes get a a bit of a bad rap in terms of like, oh, you know, maybe you're not coding as much as you were before. But, man, it's such an important thing. And I I think the

Yeah. Sick. Wow.

you know, how how you can work with people is such an important skill. So thank you so much for illustrating that.

like, Unclear.

management experience and how this plays into it specifically because

yeah, the the insights that you have on, just all of this stuff. You know what? I found it fascinating about your

just really

Let's get into the part of the show where we talk about sick picks and shameless plugs since we're just about out of time here.

and Node up, like, really doing it. And my mindset for this was I knew I need to do all of the edge cases. And so I basically cleared my calendar, away from, like, myself coding everything

months, we were, Thank you so much. Bye. Peace. Thank you.

And did this for, like, 6 months.

And, like, we just had our performance review, and I I mentioned, like, I'm basically an, I've been an events planner this half. So I organize a bunch of events. So people like get to know each other and get to work on like really cool stuff. So Wes so right Node, you you have WebGL to interact with the GPU, but this is geared towards, like,

And at the end of 6 months, we had, like, half JS, like, working.

update, like, start converting file within the Facebook repository.

manage it correctly?

And, the reason I care about Preethio is mostly, like, it's working. It's providing value. Like, almost everybody's using it. So, like and there's no reason to change inside of the browser.

use the thing that actually works for the language.

maybe have found themselves with a a project that people are actually using and, don't don't necessarily have the chops to

it. But, And so, like, in the, like, theory, it's called, like, a fixed ESLint.

like, if, like, you're using black on Python, like, we have a Python way of doing it with Preacher, but, like, less may well maintained at like black. So please go and use black because, like, you don't, like, the Node motivation of not using ESLint in practice, like, prints, like prints, of the Deno, and the second half, I had, like, 1 quarter of the commits.

Beautiful. Do you have any advice for other open source maintainers that

can be convinced, for the project to be so good that people by themselves are going to update their own codebase.

project if there's not this option.

But for me, this was not realistic because at the time, like, the, like, semi versus no semi Wes, like, war was, like, raging and everything.

it simply because of the fact that, like, they don't have, like, their, like, critical option that they care about. And so, like, my mindset was, like, let's add the minimum And 1 of the thing that, this basically set the standard, like, super, super high. So, like, if we succeeded, it was because the product was good and not because I forced it on anybody.

And the issue is, like, if you have, like, 0 options, like, people are not going to use a month each,

no semis was was the default.

I mean, this is the default, but yeah. Oh, what is the default? Okay. For some reason, I thought it was some of those are officially maintained as well. That's what you're paying the maintainers for?

Okay. So you have to turn that on then for for all of Facebook?

when I click command s on Sanity time. My my code just pops in. Yeah. I I gotta say,

about indenting my code ever again. So thank you so much for your time. It it's wonderful. When the code is, like, messy and you just hit save and

it it's 1 of the the small joys I get every day is that I don't ever have to think

And here's a here's a low key awesome aspect of that. If it doesn't format, it's because you're have a bug somewhere. Yeah. And and and then you save your life, oh, there must be a problem. Time to investigate. I don't have to worry about runtime errors because I know there's something formatted incorrectly somewhere. Yeah.

you know, big reason why you made this. But,

just the sheer amount of mental

overhead that I no longer have to carry with me,

the

a lot of around, like, people, like, that's happening every year. And at some point there Wes, like, Prettier in the survey, and the people that created the survey ended up, like, removing Prettier and the question around Prettier because, they had, like, I think 80% of people saying they were using Prettier. And they were, like, saying basically, like, everybody's using it. Like, we don't need to ask, is avoid at all cost any kind of breaking change.

they, like, not Wes not working on, like, something that really worked out, like, super well. And on the other part, they were, like, engineer, I didn't consider, like, superstar, like, really good and everything, but ended up, like, consistently delivering, be able to contribute.

But 1 thing that I quickly realized is that in practice, like, the engineer are, like, the the people actually doing the work and everything.

podcast is around, like, open source and all those things together, like, similar. And so I see this around open source. It's like a lot of people start with open source JS, like, hey, I'm coding something and like I'm like creating stuff. But at some ESLint, the it transitioned to being Node maintaining this project. Now I'm like getting a bunch of people working together to contribute.

And like 1 working at Mozilla and 1 working, at Facebook, Meta.

like, really amazing stuff. And then I realized, okay, what's going on? Like, why is that? And I found out that the manager

And so this, like, really, like, intrigued me. And, I started ended up, like, like going more into that branch of the world.

like, for example, Tom Okino on React, in ProLer, like, I've seen, Go

but like, like, eventualizing it and, like, may having people do it in the sky fix. And because this has a different shape, what I realized, like, most people were doing it as a side project and didn't have the mindset of committing or, like, doesn't work the way people expect, and Did integrations to, like, those, like, big commits, like, hey, how do you write those code mods to, like, update? And so this is, like, a lot of people I know are like, hey, that's this problem, I ended up, like, getting, like, warp, like, the curly braces, like, the objects, And from just the AST, like the syntax, he lets, And so in practice, like infrastructure, I, set of options.

people actually, like, stop formatting the code themselves. And so now it's no longer, like, part of the identity.

this JS, like, like, it's been, like, super fascinating to observe.

no longer, like, really hurting their soul and everything. And so, like, they don't care. And they're like, oh change it to like 4 spaces, yep sure, like change in the config, like update the code and like, Wes things. And they don't care. So I think this has the biggest mental shift I've seen. Yeah. And I didn't predict any of this, but, my first experience was,

And so now, like, changing the way things are is actually, like, But anything where, like, they And 1 and 1 of the reason why, like, I'm very excited about, like, the t shirts,

to just augment ESLint?

ESLint had, like, a formatter 1 1 way to do it is to ask other people who have been successful at this. And the good thing is, like, the open source community is, like, And, there's 1 project by Xinova, And so this is, 1 thing I've learned through the experience and, like, through, like, all of my projects is, Where to realize that for compilers,

a system warp, like, if you let it run, it's going to converge to something that actually, like, has all of the problems fixed.

Or or was the it just always I'm going

the the idea is that's going to look for, like, what is broken.

is or for like the JavaScript And the issue is that if you have this architecture as a construction, I think, for the default setting, to, like, Scott all of the nitpicking and everything.

to take on something new? Yeah. So I think, like, my first, instinct, as I mentioned Wes I did, like, my research JS, like,

how do I fix this thing? And then, oh, something else may be broken because I fixed this, and so how do I fix it? And now, like, how do you construct And so, like, my goal was, like, okay. Before we add any option and everything, like, let's make sure it works for, like, 1 specific, And so this is, like, I really hate to ask for money. And, like, for me, open source is all about, like, giving for free and everything. But the reality is that, that, like, was okay that people are not going to be like, yep, I'm never going to use this but a lot of people Yarn doing this, like, end up, like, accidentally, like, falling into this, and don't have, like, the proper training, don't have, like, the mindset and those kind of things. And so 1 thing I found JS, like, actually, to make, like, of Prettier. Like, basically, we're writing it from scratch to do a lot less, like, IO reads and, like, a bunch of, like, implementation details. And now it's, like, 10 x faster.

than you're probably doing and, to give them, like, ESLint. But this is like, you Node, like, a a mindset change

like, going into this and everything. How can you, like, channel their inner, like, geek and, like, to, like, actually do the work? But it goes both ways. Well, like, JS,

around, like, now you need to, like, open it up and, like, convince people to work on this. And this is, like, the Node snipe thing I was mentioning at the beginning. It's, like, you really want to be in this mindset of, like, hey, the engineers, like, they are, like, sometimes it works well and like, things that we're working on, like, it didn't need And, in practice, I was supposed to do something else. So, like, my, like, performance was not, like, the best, given the impact it had. And, in practice, I I ended up, like, switching team at the end of 6 months to work on, like, the new programming language. Like, well, like, this kind of work was, like, more in line with, like,

Wow. And Wow. That's quite the story. I'm curious But is there any thought to

what your personal opinion is is should you run Prettier on save or on commit?

And so 1 of the, like,

be inside of Prettier because if it's not inside of Prettier, people can't use it.

is anytime, like, there's a new syntax added, improving the CLI in times. And so if you want to, like, build something new that's, like, not connecting to anything else, now you're going to be in a bit of a weird, like, setup. And so the way I've been, like, setting myself up is finding, like, a manager at an organization like, we accept donations.

this project is, like, successful and, like, keeps being maintained and, like, and hasn't seen any, like, real competition in many years because of this setup.

And so if you wanted to continue, like, please, Js.

your company should be, donating and, like, what they're going to get in return.

And and a way to format.

being able to do, like, 3 d scenes. Mhmm. And, 1 other thing, to actually, like, contribute and participate in everything. And this is, like, not an easy thing to do. And, I learned this lesson when I joined Facebook. I was, like, so excited, like a small puppy, and I would, like, walk on a bunch of things. And then I realized like after, And so please, like, warp with this and, like, talk to me, and I can help, like, do a pitch for, like, why, to actually implement it. And along this line JS, like, the dots, in practice,

integrating with a new API called WebGPU.

they are, like, adding, like, many models. Like, I think I have Node, like, more than a 100 models you can, like, play in the browser. And 1 of the big thing that they're doing right now is, And so, like, there's a big buzz right now around LLMs and, chat GPT and all those kind of things.

wicked smart guy and just, like, a total mind opener listening to him. Awesome. Thanks so much for coming on. Appreciate all your time, all your work on Prettier, and, really excited about these T shirts. Check them on out. Thanks again.

And, so this project is amazing and, like, Or even worse, if it actually changes the meaning of the language on your Node, like, you're going to use it once and, like, never again after this, like, really bad experience.

And, this is giving, like, 10 to a 100 x, like, performance improvements. So, yeah, check out, Transformer Pnpm. I'm super super stoked about Wes had we had Deno on the show, syntax.fmforward/740, this JS, like, in practice, there are things in Preacher that could be faster.

like, And then this way, by construction, And, 1 other thing that's very important is Prettier is just a a formatter, so it just, like, moves things around, but it's not a linter. Like, it doesn't actually tell you, hey, you shouldn't be using like, I,

other people like, waste of time is, formatting was so, like, visceral, work together. Like, there's not 1 that's going to kill the other or vice versa. Like, they want like, they solve a different problem. That makes sense.

maintaining a bunch of stuff and I didn't have the time to, like, work on, like, the next big thing. Mhmm. And so what I ended up doing is, like, my manager told me, like, Hey, like, pressure it puts on Fritzer even after, like, 20 years, it's, still, 1 of the things is, like, each option, like, adds a lot of complexity, But I think at this point, is it actually going to provide value? Because, like, now people care less about, like, every specifics of, like, how the code is formatted.

I was And it actually worked. Fabulous from Pinazzo, like, attracted and addicted to, like, crazy projects.

want the way the source code is inputted. And so for example, for, like, the objects, if you put a new line anywhere inside, like, at the end of 3 months after this, we were in a place where, like, we could reasonably,

you need to, like, had in, like, a few meetings and I've been, like, very,

The the 1 thing I would say is,

to start adding,

things to Prettier. And so for this, this requires, like, people to actually, And so it was, like, my first experiment. I was like, okay, like, this is a problem.

maintained and, like, this is, like, very, like, good to work with, like, the project.

How do you convince your

Was it just like this is going to benefit

Nice. Yeah.

Facebook as a whole as well as the open source community?

And, 1 other thing that JS really important if you want to, like, have the project be successful and, accurate and correct.

deem that, like, there was enough of a strong case to, like, change from double quote to single quote of the time. Because if it doesn't compile And then it's going to say, hey. Like, this goes above the limit, so now what are the things I can do to fix it? come up with, like, Go fmt, So, like, for I don't know, but I wouldn't be surprised. Like, I've been, like, very, like, I Yeah. My first experience was, like, okay, I moved halfway across the world for, like, the company, which is able to run all of the models, like the machine learning model you've seen and heard and, all of the empty, the, the new lines. And so this is, something that we had to, like, think. And this 1 was more like a technical, like, challenge and, like, in the semantics and everything, more so than, like, addition we wanted.

boss to let you just work on this for for 6 months? You know? Like, I you probably have a bit of a track record to be like, hey. Like, I I know what I'm doing.

around this. So relatively, create the core, like, most difficult part of the of the thing. Like, the way I think about it is, like, there's going to be, like, people that are, like, really good at this. And what I'm really good at is, like, turning this into, like, a product.

forward as fast as possible, but it was okay. The other

like that Wes actually critical, like some other people like started working on it and those kind of things.

ones,

other people touch the code and everything. I didn't, like, jump in on everything. Like, Wes able to tease out, like, what for the product, like, really Node attention and what a product, like, didn't, like, Node. And also let other people, like, stable, like, Discord review and everything. And then, like, somewhere, like, completely different, part of the world, like, that's good, has a formatter. And I'm like, oh, proper, like, standards.

And the fact, like, I stepped out around this topic.

but none of them went anywhere.

with, The second 1 the library. And they are doing a very amazing job at this. And, so far, like, from all of the, like, open, like, open source tooling and everything, like, I'm getting a regular feedback. Like, this is 1 of the best So this, this was, like, my, like, like a format of for the Go programming language. And I was like, hey, I have this issue, start that, And, like, there's, like, GraphQL, and then there's, Otherwise, what the way we've been looking at options is, we look at the issues. We solve them by, like, the number of comments and stars and a vote and everything. And then, we're like, okay. Now this is, like, the most respecting some kind of rules.

like, started, especially for JavaScript, if, you're working with a company that uses Prettier, the Rust implementation the way they were doing it is, they're going to ESLint, like, to print the entire thing from scratch.

Yeah. Yeah. I agree. Especially, like, yeah, things like,

both Node of the world. But, in terms of, like, weirdly enough, it Wes, But Please, please. Yeah. Yeah. The sick pick But, for the Rust thing in the JavaScript tooling, there's a lot of other things where, like, the tooling speed is very important. So 1 of them is, like, packaging, this or you follow on the o 8.

should, like, Twitio, like, be written in Rust? Like, I don't I don't think so. I don't care.

the other 1 is, like, all of the,

Okay. So you didn't you didn't just make a big commit Wes you updated 300, 000 files of Yeah. This month's repo?

is now Wes need a lot of integration. So we need the integration with, like, the ID. We need integration, And so this means, like, we are basically, like, 3 months of 1 rate.

And for me, the measure of success is And,

for everything. So this is just 1 of them that's sort of forced upon us, and we're we're okay with it. Sorry. Scott. The most controversial

default setting that you had?

like, things,

And, also what's frustrating, like, I've never been able to convince anybody, Now from other languages like PHP and Python,

underneath, And so for me, it was like, okay. So, like, I had in my head, like, there's this particular, like, solution that could apply, but nobody has gotten it to work.

Interesting.

Prettier, a lot of us used

the VP of infrastructure, what's inside of curly braces? And, Wes they can write your whole SQL, like query using now, 5, 000 times a day, like, I don't know, like a 1000000 times over your career, now it's basically part of you because you've done it so much. And so now if somebody else asks you to do something, like, in a different way, now you have to, like, fight against, like, your own identity.

Was there ever a consideration

for even minor formatting stuff.

ESLint

So before

to actually, like, handle all of this, And, he's basically at a high Vercel, hey. This is, like, what I Node. Like, we need everything, but go. But for any, like, product decision, like, he is going to be the 1, doing it. So is you need to have a lot of upfront costs my team and my manager were doing.

because you are doing this every for every single line of code you're doing, you'll have to monthly think and monthly, like, do it. And so if you do something like, then people are going to argue to death around, like, which way we're going to do, Bos on Node. And so this JS, like, why, like, the 2 product actually should,

But 1 thing I realized is that if you do it on save, not only do you remove all the nitpicking, now you also remove, like, actually, Now 1 of the things for Mark Zuckerberg is like a lot more like a product person.

And so 1 thing I realized is that

And, my theory around this is, walking on the like, during the winter. And what I did was to, like, do Wes tests, So 1 thing is that some project, like, nobody picked up, but of donation over the course of the project, which is amazing. Thank you, everybody.

when I transitioned, to being a manager is of the time, and so I wouldn't, and move to the other thing. I Scott you. And I was very scared because I'm like, Hey, like, I cared about it. I didn't trust a lot of people and everything. And, there's 2 things that happens.

help people, like, be more productive.

is I'm basically trying to, And, that, like, if I do this, like, actually going to warp. And, at some point, so, like, I either going to, like, staff a team around it or, like, go back to my main, ended up spending, And this was not controversial, And so it Wes, like, yep. 1 thing, I'm frustrated, but I don't judge the company. I'm, like, I'm not going to, like, change the system and everything. I'm, like, but I, like, strike down in my head, like, hey, this JS, like, a problem.

for 4 Yarn, and so now I'm back to IC.

And the the way I think about it, concepts and everything to, like, other parts that are, like, problems for me. And so for example, like, for Prettier, the

also helped with that? Because,

So So I think it helped a bit.

initially, when I saw Prettier, I was like, yeah. This is cool, but, like, there's no settings for the stuff I want. You know? I wanna be able to wrap my arrays

that's the settings. I guess I just better accept it. Do you think that helped the adoption of it?

of 4 items per line, which I still want. But a lot of the things I'm just like, well,

That's really interesting. And would you say that that's why you've had so many successful open source projects over the time? Because, like like, Prettier alone

my job right now is, like Nvidia has been so successful with CUDA to be able to use the GPU to do, like, all of those math operations that are Node for all of the machine learning models. And so now you're able to, like, use this directly And so, for example, like, Vue Components, language,

which is its own business, I believe, Yoga, which is, like, the layout engine for React Native.

is a massive, massive project. I don't know what the numbers are on it, but it's it's probably millions of downloads a a week. But that's just 1 of like, you've cocreator of React Native, Excalidraw, And do you think the limited amount of options in Prettier

up.

And those are like all the skills that like a manager is doing, then to, like, start migrating 1 way to the other and, like, a lot of negotiation and, like, people, like, talking and everything.

Yarn, and so there's a lot of wealth of knowledge. And so it really helped me, like, the source control to, like, prevent things from landing.

going, like, officially as a manager, and, like, having, like, all of the amazing, like, manager training that we have at the company. And this is something that there's been manager for or for like all of the I thought when I joined the company that, like, hey, software engineers are the best. Like, manager sucks. Like, power, like, to the people and everything.

like, how do we actually make it happen and set the right foundation? with, and so it's stupid, but, Yeah. And for me, Prettier has always been fast enough.

thing I've had, like, 1 experience Wes I actually joined the Facebook.

Is that why you're you're obviously, you're you're a good engineer. Right? But

a lot of these projects don't often grow as large as this without somebody

a lot of times, like, I'm spending a lot of, like, mindset and, like, time thinking about, like, how do we make But this is, like, only, like, part of the story. The biggest, and this is, like so I've been a manager for 4 years, and, 1 thing I realized is that,

like, I realized is that, like, I'm, like, now at the end of 6 my constant attention and, sure, it didn't move And so a lot of the, like, the way you write a pretty printer JS to try to understand, like, what is the semantic in fact, it was, like, thing that I like to throw and everything. But for all internal purposes, like, file and save, like, if you, like, integrate properly with the idea while you don't restart the Node process all the time, like, if you, like, keep 1 warm in memory, like, it's going to be, like, tens of milliseconds.

like, oh, how do we solve this problem and everything? But they don't go to, like, Yeah. And so in practice, the the now, like, my role shifted And, Node, like, I'm I stopped committing. And so now I basically grew a lot of people to start, like, committing and contributing and the kind of thing.

like, And, this engineer,

this project massively successful? Yeah. So this is something that has always been interesting to me is, like, interesting, It's like, oh, you do change it. At some point, it's not it's going to converge to a fixed point.

managing and organizing it. Yeah. So 1 thing,

Unclear. I always I always ask that when I meet somebody from Facebook because I'm like I'm like, does Mark Zuckerberg know what React is? And they're like, oh, yeah. Of course. Like, he's he's he's Wes. He's he's big into open source. So I'm I was curious of how far down the open source he goes.

1 of the thing, like, I'm starting doing is to figure out, like, hey, how can we do fundraising for this project? And so, I didn't give him gave him a choice. I was like, hey. I'm going to work on this.

That's because it's my default wise.

Oh. The biggest default is, right now, like, this is using double quotes for strings. And at Facebook, we use single quotes.

But, James Long, when you Scott the project, like, use double quotes.

options

like, an engineer, like, randomly stumbled onto, like, success and everything, you may not have the mindset or, like, those skills or expertise.

Yeah. And so in practice, like, like, some people, like, in Hennessy Jamslin, Wes, like, hey, we're not going to have any options.

was not sure that I could actually build, I couldn't find in my mind or in the, like, by removing this entire step from your developer workflow, fell to me,

implementation, And the reason I did this is because, like, doing all of this. And, Rust equivalent but because the incentives of the project were very different from traditional projects. So if you think about traditional projects, you've got, like, the Pareto Law around, like, you can do, like, 80% of the project in 20% of time. And then, like, the function chaining.

like, merging, like, 2 reports together, and they have slightly different things. And so the more, like, combinational, like, options you have, the more you're going to face those those things. And so my goal was, like, for it to be, like, super easy to, like, add up Preacher, And I knew that, like, adding more options is going to, like, add, but also like, there's probably a way at some point in the future to connect the 2. But I, like, didn't make the connection pnpm everything. And then, like, over time, I keep working, kept working, kept working. And then I realized that, like, there's there was a lot of, like, formatting projects, were actually playing a big part of the equation. And so, like, managers, and so, like, 1 is, like, hard to generalize.

almost every language out there. Right? There's a CSS plug in. There's PHP plug ins. There's

And Wes we should also say that Prettier is not just JavaScript. Like, Prettier is across, I would say,

so I also did that.

Yeah. So the the way we've been thinking about it is at first, only JavaScript.

the updates to, like, hey, is there anything any issue you're facing now I'm going to be helpful? And the other thing I've started doing is around the community open source. So for the first half, I had, like, half of the commits, And so, like, this is fast. And for, like, when you're, like, doing codebase wide, it didn't work.

And so I ended up, like,

all of the, like, formatting rules within ESLint, use Prettier for this.

Nicolas Zakas Wes like, hey, we're going to deprecate is, we have, like, community contributions, And so, like, we are seeing, like, a lot of, like, pressure from, like, all of those, is helping, like, a bunch of people working together on this. And this JS, like, right now, like, this,

And so now they feel part of this, and they want to do to do more of this. So for, like, very successful project, like, you need to have, like, some kind of, like, boundaries and everything, but you probably, like, want to give access to more people more easily like, zealous about, like, the option pnpm everything. For me, the the biggest constraint was, Azure Video Video and read the video part of video. It's a I don't think, it's really going to be, like, what makes Prettier, like, 10 x more popular. So impressed by, like, how, like, knowledgeable he is in, like, all of the segments. Dialed.

And, like, oh, now they can contribute. And, and once, like, I see somebody contributed, I'm going to start, like, encouraging them to, like, do more and, like, and what and my policy at the beginning was, like, anybody that contributes anything, I'm giving them, like, or, like, you're, like, Now 1 of the thing is, like, the JavaScript ecosystem is still, like, evolving rapidly, especially, like, the language sites.

And at some point, I was, like, so 1 of the very interesting thing, And now Wes, somebody wants to contribute, they're like, hey, there's this very specific thing Oh, yeah. Yeah. That, they can work on. And they know if they are, like, putting their time, I'm going to accept it.

frustrated about this. I said I'm going to put a $10, 000 help us buy a T Scott, tell your, like, company or, like, if you're, like, doing well for yourself, like, donate for the project. Like, it's being used for real and, very useful.

like, a sick your customers.

3 months

what like, anything that, like, his team was doing, like, ended up, like, being, like, super impactful, super powerful, and everything.

Yeah. So this 1,

And, don't worry. Like, just, like, drop everything outputs using the same configuration.

like sale is that, right Node, we are only relying on donations, That's why you just need to make sure everything is parallelized correctly and these kind of things.

And, Scott, like, hey. Now, like, there's this issue from somebody else, can you go and, like, actually reply to them or help them, like, go into the code Bos and everything? And so now you need to start, like, building, for Prettier, it's always going to experience. And if you need to, like, re put it in 1 line, then you need to, like, remove,

And this is something that, like, as, when, like, deploying in, like, the real, like, the real world.

But, at this point, we are running low on funds. And so right now, we have $10, 000 on The Open Collective.