Modern JS Toolchains (Biome, Oxc + More)

Wes and Scott dive deep into the world of JavaScript toolchains, exploring everything from linters and compilers to transpilers and formatters. Tune in as they shed light on cutting-edge technologies like Biome, UnJS, and Ezno that are shaping the future for developers.
Show Notes
00:00 Welcome to Syntax!
01:37 Syntax is on KZbin.
02:09 Do we really need tooling?
04:02 Popular tools are predominantly plug and play.
06:15 What can tooling do for us?
07:16 The tools in today's workflow.
07:21 Linters.
11:29 Compilers and transpilers.
13:30 Formatters.
16:18 Tokenizers and Parsers.
16:46 Bundlers.
17:59 Macros.
20:26 The new tools in the space.
20:47 Biome, one toolchain for your web project.
28:27 Oxc, the JavaScript oxidation compiler.
33:01 Deno, code formatting.
34:13 ESBuild, an extremely fast bundler for the web.
34:37 Rolldown, fast Rust-based bundler for JavaScript.
38:34 Ezno, TypeScript type checker.
40:24 UnJS, Unleash JavaScript's Potential.
41:45 Lightning CSS, CSS parser, transformer, bundler, and minifier.
42:31 Is JavaScript good enough to handle these tools?
43:26 Sick Picks + Shameless Plugs.
All links available at syntax.fm/745
------------------------------------------------------------------------------
Hit us up on Socials!
Scott: / stolinski
Wes: / wesbos
Randy: / @randyrektor
Syntax: / syntaxfm
www.syntax.fm
Brought to you by Sentry.io
#webdevelopment #webdeveloper #javascript

[@jankalfus42]

I highly recommend using Biome. Went from around 12 minutes with eslint (only linting) down to 7 seconds with Biome for linting AND formatting. And fixes to edited files with Biome are instant.

[@SpaceChicken]

Very cool guys, thanks for the update on tooling. It’s so interesting to watch Rust continuing to get integrated in our tools all over the place. Also wondering if this will lead to more Rust interest among JS guys, could be cool!

[@RicoTrevisan]

Next year’s state of code: “50% of Rust jobs are for JavaScript tooling.”

[@kizigamer6895]

Another amazing video to see YAY!! Messaging before and I will comment after watching also

[@NabekenProG87]

41:05 As far as I can remember, Rich Harris once stated that SvelteKit is suppossed to become a Laravel for JavaScript. I don't know if thats the plan anymore, but I think its a cool idea

[@alexkevhikes]

Been using biome for 4 months on a big project on React Native, it's been working well. Its super fast and definitely lifts a huge burden on your machine. I am using a very small eslint config alongside biome for react native specific linting rules. There are a few bugs especially around imports and formatting code with errors. Overall a good experience though.

[@mattbtay]

oh man I remember some headed debates about JSLint and JSHint from way back in the TXJS days. I recall Doug Crockford on stage yelling.

[@michaelpumo83]

Vue: Evan You Vite: Evan You Rolldown: Evan You UnJs: Evan You The guy isn't human 🤣

[@coherentpanda7115]

I've never thought once to myself on massive projects that I wish Eslint and Prettier were faster. Still neat they are eeking out more performance, maybe Vercel will work this into their toolchain someday for NextJS, but I don't think this is anything most developers are clamoring for just yet.

[@moneyfr]

How use biome + jsx or astro?

[@SRG-Learn-Code]

Hey Wes! You're video framerate looks better, did you changed anything?

[@syntaxfm]

We’ve been on a journey here. I think this was his local recording in this one.

[@MarkVolkmann]

I think the difference between compilers and transpilers is simple. Transpilers convert code from one language to a different form of the same language. Compilers convert code from one language to a different language.

[@lachieyoung1374]

Transpilers are source to source, compilers are source to machine code.

[@Jam....]

i always assumed the voices belonged the opposite way round wes is scotts voice & vice versa.. Anyone else get the same?

[@syntaxfm]

Not the first time we’ve heard this.