Syntax - Tasty Web Development Treats

745: Modern JS Toolchains (Biome, Oxc + More)

Mar 20, 2024

47:52

Snipd AI

Dive into the world of JavaScript toolchains with Wes and Scott as they discuss linters, compilers, transpilers, and formatters. Explore cutting-edge technologies like Biome, Oxc, Deno, ESBuild, Rolldown, Ezno, and UnJS shaping the future for developers.

AI Summary

Highlights

AI Chapters

Episode notes

Podcast summary created with Snipd AI

Quick takeaways

Linters and formatters improve code quality and streamline workflow.

Emerging tools like Biome and Oxc enhance JavaScript development with unique features.

Deep dives

Overview of Modern JavaScript Tooling

The podcast discusses the recent advancements in modern JavaScript tooling, including linters, compilers, transpilers, formatters, tokenizers, bundlers, and macros. The conversation delves into the utility and necessity of these tools, highlighting the benefits they offer in terms of speed and developer experience. The hosts share insights on the evolving landscape of tooling in the JavaScript ecosystem, emphasizing the value of investing time in understanding and leveraging these tools.

Efficiently Store Function Output with Macros

00:31

Maximizing Content Creation and Utilizing Tooling in Tech

00:32

Introduction

2min

Evolution of JavaScript Tooling

5min

Evolution of JavaScript Tools

25min

Insights on GitHub Actions and Dino Format in Code Management

2min

Evolution of JavaScript Toolchains

6min

Exploring Modern JS Projects for Streamlined Development

2min

Exploring Modern JS Toolchains, Ninja Craze, and Japanese Barbecue Sauce

5min

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 YouTube.
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.