javascript tooling

All in one Runtimes vs Build Toolchains

Nodejs is just the runtime, you need to add packages manually to handle things like bundling and transpiling yourself.

Feature Vite Deno
Role A build tool (lives in your project). A runtime (lives on your OS).
Dependency Needs Node.js to run. Is its own engine (no Node needed).
Bundling Bundles for the browser. Runs files directly or bundles for CLI.
Transpiling Uses esbuild or SWC Uses SWC.
Feature Bun (The Runtime) Vite (The Toolchain)
Primary Job Run JS/TS on your machine or server. Prepare JS/TS for the browser.
Tooling Approach Monolithic: Everything is built into the bun binary. Modular: A collection of tools (esbuild, Rollup, etc.).
TypeScript Built-in (strips types during execution). Built-in (via esbuild or SWC).
Dev Server bun --hot (Basic, very fast). vite dev (Rich features: CSS, Assets, HMR).
Ecosystem Growing (supports most npm packages). Industry Standard: Thousands of specialized plugins.
According to AI, in 2026 devs actually use Bun and Vite together.
  1. Bun acts as the engine (replacing Node.js) to make your installs and script executions fast.
  2. Vite acts as the architect, using its plugins to handle your React/Vue/Svelte components, CSS modules, and image optimizations.

Note: Bun has its own frontend server (bun index.html), but it is often used for simple apps. For complex, "pro" frontend work, Vite is still the preferred choice because of its mature handling of complex assets and CSS.


Unified Toolchains

Vite Plus

VoidZero is a company founded by Evan You (author of Vue and Vite) that develops JS dev tools: Vite, Vitest, Rolldown (rust based bundler), Oxc (rust based parser, linter, transformer)
VOID or Void Cloud? an upcoming product for deploying apps, which is the last part of the dev cycle that this tools don't cover. https://www.youtube.com/watch?v=Bp86buftbX8 it looks amazing

bundlers

javascript bundlers

transpiler

javascript transpilers