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.
Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
TypeScript
React
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
JavaScript
Node.js
+1
ROSEN Technology and Research Center GmbH
Osnabrück, Germany
Senior
TypeScript
React
+3
Matching moments
11:10 MIN
The only frontend stack that truly matters
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
02:33 MIN
Why you might not need JavaScript for everything
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
08:07 MIN
Exploring modern JavaScript performance and new CSS features
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
09:00 MIN
Navigating the growing complexity of modern CSS
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
04:56 MIN
Recreating React components using AI and dev tools
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
04:02 MIN
How a broken frontend culture impacts the web
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
03:31 MIN
The value of progressive enhancement and semantic HTML
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
Featured Partners
Related Videos
The Eternal Sunshine of the Zero Build Pipeline
M4dz
Microfrontends at Scale
Josh Goldberg
Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
Stairway to Heaven - Scaling Frontends the Right Way
Florian Rappl
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
Chris Heilmann, Daniel Cranney & Jan Deppisch
What the heck do "declarative" and "reactive" actually mean?
André Kovac
Web development: where are we, and where are we going?
Laurie Voss
Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
Manfred Steyer
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.

Visonum GmbH
Remote
Junior
Intermediate
React
Redux
TypeScript


Twin.Link GmbH
Osnabrück, Germany
Intermediate
Senior
React
TypeScript

Paradigma Digital
Santa Cruz de Tenerife, Spain
API
React
Svelte
Vue.js
WebPack
+3

Paradigma Digital
Barcelona, Spain
API
React
Svelte
Vue.js
WebPack
+3

Paradigma Digital
Badajoz, Spain
API
React
Svelte
Vue.js
WebPack
+3

Paradigma Digital
Gijón, Spain
API
React
Svelte
Vue.js
WebPack
+3

Paradigma Digital
Municipality of Santiago de Compostela, Spain
API
React
Svelte
Vue.js
WebPack
+3

Lightspeed
Ghent, Belgium
Remote
Senior
CSS
HTML
REST
React
+8