WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

To New Frontiers: The Future of Frontend Development

Rainer Hahnekamp

The relentless pursuit of speed is pushing frontend development back to the server. Zero-size compilers and advanced hydration are rapidly redefining modern web architecture today.

Pause
Mute Enter Fullscreen
#1 about 3 min

Early evolution of frontend development frameworks

The history of web development transitions from rapid framework turnover to more stable choices.

#2 about 2 min

Dominance of the big three frontend frameworks

Angular, React, and Vue have established unprecedented longevity and industry adoption.

#3 about 2 min

Improving performance with advanced compiled language tooling

Moving build processes to compiled languages significantly decreases compilation and setup times.

#4 about 3 min

Understanding runtime interpretation overhead in web applications

Heavy reliance on browser-side interpretation requires downloading and parsing large framework bundles.

#5 about 3 min

Compiling code to eliminate frontend framework runtime

Generating optimized code ahead of time removes the overhead of processing complex virtual structures entirely.

#6 about 4 min

Optimizing client logic with server-side hydration strategies

Selective and just-in-time loading methods constrain bundle sizes by shipping only essential interactive behaviors to browsers.

#7 about 5 min

Reducing client dependencies through backend data fetching

Executing data-heavy operations initially on servers prevents massive utility library downloads from bogging down user connections.

#8 about 2 min

Future expectations for frontend architecture and tooling

Future web development will prioritize faster background systems rather than completely replacing existing structural frameworks.

#9 about 3 min

Comparing developer hype against actual framework usage

Survey excitement frequently misrepresents the reality of corporate download counts and ongoing production deployments.

#10 about 3 min

Addressing framework compilation and subsequent career shifts

Shifting more operational weight to server components naturally blurs the lines separating frontend engineering from full-stack development.

Matching moments

2:28 min

Expected features and performance defaults in modern JavaScript frameworks

Sasha Shynkevich · LIVE

2:52 min

Introduction and motivation for exploring new frontend frameworks

Benjamin Glusa · LIVE

2:14 min

Exploring frontend development choices beyond standard JavaScript frameworks

Stacy Cashmore · World Congress 2022

48 sec

Exploring alternative build tools and experimental web components

Sasha Shynkevich · LIVE

3:49 min

The evolution and complexity of the modern frontend stack

JS Congress

1:27 min

Summary of modern Next.js web development toolchains

Marius Obert Marius Obert · World Congress 2023

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
over 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
over 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
over 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
over 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
over 4 years ago

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

How is SWE & EM roles are changing in the age of AI

  • Amol Sharma

    Stripe

    Engineering Manager

Open session

AI Is the Easy Part: Why Faster Engineers Don't Make Faster Businesses

  • Bharat Sharma

    Booking

    Senior Engineering Manager

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Related videos

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more thumbnail
1:06:20
LIVE • 11 months ago

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney, Jan Deppisch

How to Stop Choosing JavaScript Frameworks and Start Living thumbnail
43:57
LIVE • over 5 years ago

How to Stop Choosing JavaScript Frameworks and Start Living

Sasha Shynkevich

Keith Cirkle of GitHub on React Fatigue thumbnail
49:32
Coffee With Developers • almost 2 years ago

Keith Cirkle of GitHub on React Fatigue

Keith Cirkle

The Lean Web thumbnail
46:46
JS Congress • almost 5 years ago

The Lean Web

Chris Ferdinandi

Web development best practices in 2021 thumbnail
51:10
JS Congress • almost 5 years ago

Web development best practices in 2021

Laurie Voss

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios thumbnail
24:47
World Congress 2025 • about 1 year ago

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios

Manfred Steyer

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.