Facing Frontend's Existential Crisis

on YouTube ↗27m

" summary

Compares concrete builds across frameworks using a Hacker News demo with 1500 comments and Lighthouse runs and reports that Islands drop execution and payload (one example becomes a 4.9 KB app), Server Components reduce rehydration but raise upfront code and still double-serialize data, and resumability can cut startup execution to near zero until client routing forces full data transfer; measured scores put Next app directory, Solid Start and Quick in similar ranges so the tradeoffs actually determine wins.

AI-written summary · about

" chapters (27)

1. 0:00Introduction
2. 1:22Single Page Apps
3. 1:56Web Page Size
4. 2:42Cost of JavaScript
5. 3:35Client Rendering
6. 4:13Uncanny Valley
7. 4:45Nextjs
8. 5:13Back to the drawing board
9. 5:51What is a Spectrum
10. 6:47Learning from the past
11. 7:25Code execution cost
12. 9:01Framework stress testing
13. 10:44Baseline test
14. 11:36Islands
15. 12:27Islands Architecture
16. 13:38React Syntax
17. 14:44Code Execution
18. 15:19MultiPage Apps
19. 16:08View Transition API
20. 17:05State Problem
21. 18:09Lazy Hydration
22. 19:11React Solution
23. 20:36Regressing
24. 22:05Resumability
25. 22:39Qui
26. 24:43Innovation
27. 25:09Conclusion

" related talks

• 38mBreak Up With Your Frontend MonolithElisabeth Engel · JSCamp 2018
• 40mThe state of frontend frameworks in 2023Tejas Kumar · jsday 2023
• 41mLow-budget JavaScript: composable frontends that are fun and friendlyNatalia Venditto · CityJS Athens 2023
• 29mQuo vadis, frontend?Evgeny Kot · ConfrontJS 2022
• 29mThe Front-end TakeoverAaron Quint · JSConf.eu 2010
• 45mBuilding Isomorphic Apps (Updated)Spike Brehm · JSConf.Asia 2014
• 44mRethinking Isomorphic JavaScript with SolidStartRyan K Carniato · TheJam.dev 2023
• 22mBreak Up With Your Frontend MonolithElisabeth Engel · JS Kongress 2017