What to expect from a modern web framework?
summary
Web frameworks claim to save time by shipping concrete defaults and optimizations: Next.js grows to 11 million downloads in 2019 and the web shows 350,000 React sites, it implements filesystem routing with per-page bundles, enables prefetching based on viewport (disabled on 2G) and can use Guess.js for smart prefetch, offers server rendering versus static generation with hydration, provides data-fetch patterns to avoid waterfalls, compiles with webpack and next/babel producing modern/legacy bundles and uses output.futureEmitAssets to cut memory.
AI-written summary · about
chapters (13)
- 0:00Intro
- 0:20UI frameworks
- 2:50What is a web framework
- 7:30UI Components
- 8:28Routing
- 16:40Compilation and bundling
- 17:00Webpack
- 17:36Multiple targets
- 17:56Modern browsers
- 18:25React optimizations
- 18:56Preset modules
- 19:32Optimizations
- 20:26Conclusion
related talks
27mAn introduction to Next.js and what's to come in 2021
51mBeyond the Framework: Building for the Next Decade of the Web
58mKeynote: Where Web Tech is Going Now
31mThe post-Jamstack world and the rise of Hybrid Frameworks
45mNo framework frontends in practice - use the platform!
23mThe Next Wave of Web Frameworks is BYOJS
40mThe state of frontend frameworks in 2023
57mA Survey Of JavaScript Meta-Frameworks