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 Β· WWC 2024

5:43 min

Migrating legacy toolchains to native ECMAScript standard environments

Jolo Jolo Β· WWC 2024

1:13 min

Simplifying component development with Vite and Lit

Tobias Scholz Tobias Scholz Β· WWC 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

3:05 min

Accelerating frontend development with code templates

Alexandra Petri Β· WWC 2023

More from JavaScript Congress

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

Teini - an extremely small webshop leveraging awesome and free tech

Christian K

Native Web Apps: Are We There Yet? thumbnail
44:40
over 4 years ago

Native Web Apps: Are We There Yet?

Maxim Salnikov

Modern Web Development with Nuxt3 thumbnail
41:43
over 4 years ago

Modern Web Development with Nuxt3

Alexander Lichter

Making neural networks portable with ONNX thumbnail
54:49
over 4 years ago

Making neural networks portable with ONNX

Ron Dagdag

JavaScript the Grumpy Parts thumbnail
46:08
over 4 years ago

JavaScript the Grumpy Parts

Rob Richardson

How Your Bundle Size Affects The Climate thumbnail
53:16
over 4 years ago

How Your Bundle Size Affects The Climate

Roy Derks

Upcoming sessions on this topic

Open session

World Congress 2026 North America

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

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

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

Merging at Scale: From Broken Builds to Green Mainline

Manjari Akella, Preetam Dwivedi

Manjari Akella
Preetam Dwivedi
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen
Open session

World Congress 2026 North America

Honey, look! I vibe-coded an OS!

Ian Smith

CTO, LYOS

Ian Smith

Related videos

The Lean Web thumbnail
46:46
JS Congress β€’ over 4 years ago

The Lean Web

Chris Ferdinandi

Building a framework-independent component library thumbnail
19:46
WWC 2025 β€’ 12 months ago

Building a framework-independent component library

Tobias Scholz

Building for the Edge - Crafting a Next-Gen Framework thumbnail
43:41
WWC 2023 β€’ almost 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
WWC 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 β€’ over 4 years ago

Modern Web Development with Nuxt3

Alexander Lichter

Build and Deploy a Fullstack App with Open Source Tooling thumbnail
25:53
WWC 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.