CASCADIAJS
Kristofer Joseph
Co-founder @begin

You might not need
a build step

Magic

What is a build step?

Transpiling
Compiling source code to source code

Transpiling

No Module System

Modules
Specifications

TypeScript

TypeScript code

End-user benefits?
Not entirely clear 🤷🏽‍♀️

Bundling

Bundling

End-user benefits?
Page load performance 📈

Fingerprinting

C.R.E.A.M
Cache Rules Everything Around Me

Request Response
Cache Miss

Invalidate cache?
Not quite 😬

Network Cache
File
File Change

Back to Fingerprinting

main.js → main-h45h.js

End-user benefits?
Users get the correct file 💯

Which brings us to now

So what's changed?
A lot actually

ES Modules

ES Modules

HTTP/2

Parallel
Synchronous
Syntax
TypeScript JSDoc
Template Literal
Web Component
Web Forever

Progressive Bundling

CMD R

Progressive Bundling

  1. file request
  2. return cached file
  3. bundle
  4. fingerprint
  5. cache
  6. 302
Script Module
Bundle
Bundle
Fingerprint
Redirect

Cool story

DEMO

Begin Logo
begin.com