WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
JavaScript Congress • Nov 25, 2021

The Eternal Sunshine of the Zero Build Pipeline

Are slow rebuilds and bloated bundlers killing your frontend productivity? Discover how shedding Webpack for an ESM-driven, zero-build pipeline like Vite unlocks instant updates and rapid iteration.

Pause
Mute Enter Fullscreen
#1 about 2 min

The burden of backward compatibility in web development

Maintaining 30 years of backward compatibility has resulted in a bloated and broken frontend developer setup.

#2 about 4 min

The evolution and complexity of the modern frontend stack

Web development transitioned from basic HTML and CSS to complex template engines, preprocessors, and reactive frameworks.

#3 about 1 min

The slow developer experience of massive dependency trees

The traditional module installation process stalls developer productivity by needlessly downloading gigabytes of internet dependencies.

#4 about 7 min

Why heavy JavaScript applications require complex compilation steps

As web apps grew to rely on complex scopes and alternative languages, transpilers and bundlers became mandatory.

#5 about 4 min

Understanding the components of the traditional web building pipeline

A standard setup relies heavily on bundlers fighting against source files just to make code run locally.

#6 about 4 min

Leveraging native browser capabilities for local web development

Modern browsers natively support ECMAScript modules, advanced caching, and protocols that eliminate the need to compile code locally.

#7 about 11 min

The unbundled and single-file approach to web development

Loading native ESM modules directly while transforming individual files creates a highly cacheable and instantly reloadable workflow.

#8 about 5 min

Exploring modern framework-agnostic unbundled build tools

Tools like Snowpack, Vite, and WMR provide fast development environments by relying heavily on native module serving.

#9 about 5 min

Running Vite directly within the browser using service workers

Combining service workers and headless server tools allows design systems to be visually edited and compiled entirely client-side.

#10 about 5 min

Handling complete production optimizations with modern build tools

Despite skipping compilation in development, modern native tools use Rollup or ESbuild to bundle and optimize for production.

#11 about 2 min

The rise of ESM registry endpoints and static generators

Developer communities are shifting toward serving external dependencies directly from native ESM CDNs alongside partial application hydration.

#12 about 5 min

Migrating legacy Webpack architectures to Vite seamlessly

Dropping existing bundler configuration files for Vite requires minimal module adjustments while yielding dramatic architectural speed improvements.

Matching moments

3:31 min

Eliminating complex front-end build pipelines for web applications

David Heinemeier Hansson David Heinemeier Hansson +1 · World Congress 2024

1:53 min

Integrating shared caching with modern web framework bundlers

Thomas Steiner · Coffee With Developers

5:43 min

Migrating legacy toolchains to native ECMAScript standard environments

Jolo Jolo · World Congress 2024

1:13 min

Simplifying component development with Vite and Lit

Tobias Scholz Tobias Scholz · World Congress 2025

3:36 min

Core architectural reasons for migrating to Nuxt three

Alexander Lichter · JS Congress

48 sec

Exploring alternative build tools and experimental web components

Sasha Shynkevich · LIVE

More from JavaScript Congress

Teini - an extremely small webshop leveraging awesome and free tech thumbnail
40:45
almost 5 years ago

Teini - an extremely small webshop leveraging awesome and free tech

Christian K

Native Web Apps: Are We There Yet? thumbnail
44:40
almost 5 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Modern Web Development with Nuxt3 thumbnail
41:43
almost 5 years ago

Modern Web Development with Nuxt3

Alexander Lichter

Making neural networks portable with ONNX thumbnail
54:49
almost 5 years ago

Making neural networks portable with ONNX

Ron Dagdag

JavaScript the Grumpy Parts thumbnail
46:08
almost 5 years ago

JavaScript the Grumpy Parts

Rob Richardson

How Your Bundle Size Affects The Climate thumbnail
53:16
almost 5 years ago

How Your Bundle Size Affects The Climate

Roy Derks

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 25, 2026 · 16:10–16:40

Stage 4

Speed up your CI/CD pipelines by caching build & runtime artifacts

Thijs Feryn

Technical Evangelist at Varnish Software

Thijs Feryn
Open session

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 7

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer at Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 6

Beyond the Vibe: Specs, Adversarial Review, and Engineering AI Development that Scales and Ships

Ussama Baggili

Principal, App Modernization & Development, Cloud Engineering & Data Analytics | Anthropic Alliance CTO

Ussama Baggili
Open session

World Congress 2026 North America

September 24, 2026 · 16:10–16:40

Outdoor Stage

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

September 25, 2026 · 09:40–10:10

Stage 3

Still on 4.8 or lower? A Practical Guide to Moving Your "Un-Migratable" .NET Apps

Isaac Levin

Developer Advocate

Isaac Levin
Open session

World Congress 2026 North America

September 25, 2026 · 16:50–17:20

Stage 4

Engineering Moneyball: How We Benchmarked Google vs Meta

Jirka Bachel

Co-Founder & CEO

Jirka Bachel

Related videos

The Lean Web thumbnail
46:46
JS Congress • almost 5 years ago

The Lean Web

Chris Ferdinandi

Building a framework-independent component library thumbnail
19:46
World Congress 2025 • about 1 year ago

Building a framework-independent component library

Tobias Scholz

Building for the Edge - Crafting a Next-Gen Framework thumbnail
43:41
World Congress 2023 • about 3 years ago

Building for the Edge - Crafting a Next-Gen Framework

Daniel Roe

To New Frontiers: The Future of Frontend Development thumbnail
26:00
World Congress 2022 • about 4 years ago

To New Frontiers: The Future of Frontend Development

Rainer Hahnekamp

Modern Web Development with Nuxt3 thumbnail
41:43
JS Congress • almost 5 years ago

Modern Web Development with Nuxt3

Alexander Lichter

Build and Deploy a Fullstack App with Open Source Tooling thumbnail
25:53
World Congress 2023 • almost 3 years ago

Build and Deploy a Fullstack App with Open Source Tooling

Noam Honig

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.