Towards a simpler JavaScript ecosystem
summary
Claims that a Create React App can run without bundlers or transpilation get demonstrated: a live demo shows edit and F5 refreshes working, JSX handled with HTM, npm packages resolved via import maps plus on-the-fly CJS→ESM conversion by esm.sh, and TypeScript avoided with JSDoc or the stage proposal for type annotations. Production needs minification or selective bundling, but HTTP/3 + module preload and 103 Early Hints let many-module deployment perform acceptably and was used at Round Forest.
AI-written summary · about
chapters (11)
- 0:00Start
- 5:02We need modules, but browsers don't support it
- 6:33there is a build step!
- 7:23debugging becomes difficult
- 7:45any project generates incomprehensible configs
- 11:07Browsers support ESM!
- 11:23Step #1: convert local modules by adding full path
- 13:50Final Import Maps
- 22:55#1: every deploy invalidates the browser code cache
- 23:57Parallel Loading!
- 26:35103 Early Hints
related talks
34mTowards a simpler JavaScript ecosystem
44mJavaScript in 2017: You might (not) need a framework
27mUnderstanding JavaScript Libraries via React and the React Ecosystem
59mNo Strings Attached: JavaScript without Webpack, Transpilers, or Frameworks
28mLa nouvelle vague
36mYou build React apps: do you even know how?
54mModern JavaScript For Web Dinosaurs
41mLow-budget JavaScript: composable frontends that are fun and friendly