Rainer Hahnekamp
To New Frontiers: The Future of Frontend Development
#1about 4 minutes
The history of frontend frameworks and the rise of the big three
A look at the evolution from early libraries like jQuery to the stable dominance of Angular, React, and Vue in modern web development.
#2about 2 minutes
The two primary approaches for improving frontend performance
New frameworks aim to improve speed by either running faster with compiled tooling or running less by reducing JavaScript bundle sizes.
#3about 5 minutes
Using a compiler approach to reduce framework code
Frameworks like Svelte and Solid act as compilers during build time to generate optimized code, removing the need for a large runtime in the browser.
#4about 4 minutes
Advanced hydration strategies for reducing application code
Server-side rendering combined with techniques like just-in-time hydration and partial hydration for interactive components can significantly reduce the client-side JavaScript bundle.
#5about 4 minutes
How Remix reduces bundle size with server-side data fetching
Remix executes data fetching in a server-side loader function, which keeps data-related dependencies and logic off the client and reduces the final bundle size.
#6about 4 minutes
Contrasting developer interest with actual framework usage statistics
While new frameworks generate excitement, download statistics show the continued dominance of React, Angular, and Vue, which are likely to adopt new successful patterns over time.
#7about 2 minutes
Q&A on compiler adoption and the move to full-stack
Answering audience questions about whether the big three frameworks can adopt a compiler approach, the future of Svelte, and the trend towards full-stack development.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
33:55 MIN
Audience Q&A on practical micro-frontend challenges
Micro-frontends anti-patterns
01:01 MIN
How SPAs came to dominate frontend development
Snappy UI needs no Single-Page Application
20:50 MIN
A brief history of the JavaScript framework evolution
How to Stop Choosing JavaScript Frameworks and Start Living
27:03 MIN
A detailed breakdown of modern web frameworks
Web development best practices in 2021
02:21 MIN
The rapid evolution of JavaScript and modern web APIs
The year 3000, a brief history of Web Development
25:14 MIN
Audience Q&A on patterns, typescript, and frameworks
10 must-know design patterns for JS Devs
17:18 MIN
The shift from jQuery to modern JavaScript frameworks
How Your Bundle Size Affects The Climate
27:46 MIN
Combining micro frontends with an islands architecture
Multiple Ships to the Island - Micro Frontends & Island Architectures
Featured Partners
Related Videos
Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
Web development: where are we, and where are we going?
Laurie Voss
Stairway to Heaven - Scaling Frontends the Right Way
Florian Rappl
What the heck do "declarative" and "reactive" actually mean?
André Kovac
Microfrontends at Scale
Josh Goldberg
Snappy UI needs no Single-Page Application
Clemens Helm
Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
Manfred Steyer
The Eternal Sunshine of the Zero Build Pipeline
M4dz
Related Articles
View all articles

.webp?w=240&auto=compress,format)
.png?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.

Senior Frontend Developer - Typescript / Svelte - (f/m/x)
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
Frontend Web Developer (JavaScript, React)
Die Socialisten
Vienna, Austria
Senior
Jest
React
Redux
JavaScript



Frontend-Focused Fullstack Developer (React / Next.js)
Rocken AG
Remote
€83-111K
NestJS
Next.js
TypeScript



