AI Workshop: learn to build apps with AI →
Build Tools: What is SWC?

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


SWC is a tool that I see mentioned more and more.

It takes any JavaScript or TypeScript code and outputs JavaScript that also works on older browsers, as well as (of course) modern browsers.

In short it’s the new Babel.

But faster.

They say 20x+ faster.

As a “normal dev”, you’re not going to use it yourself.

But it’s used by other tools.

We’re seeing an incremental focus on speed everywhere these days. Mostly because tools are rewritten in more optimized system languages like Rust instead of less optimized languages like JavaScript, which is better suited for other use cases.

Vite 4, released in December 2022, now has support for SWC instead of Babel. Which in turn makes it faster.

It’s used by Turbopack, which is the Vercel-made JavaScript/TypeScript bundler/build system, alternative to Vite and Webpack.

Lessons in this unit:

0: Introduction
1: Vite Tutorial
2: ▶︎ What is SWC?
3: Fix error in tsconfig.json "cannot find type definition file for node"
4: How to fix an error in package.json after installing Prettier
5: Fix a PostCSS Webpack error ruleSet rules oneOf... etc etc