World Congress 2021 • Jun 29, 2021

A journey of a long list in React

Adam Klein

Virtual scrolling builds a bridge just ahead of users and dismantles it behind them. Master this technique and intersection observers to flawlessly render massive lists in React.

A journey of a long list in React thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

2:36 min

Optimizing long views with virtualized lists for smooth scrolling

Milica Aleksic

Milica Aleksic +1 · World Congress 2023

5:40 min

Accelerating DOM rendering with virtual scroll

Muhammad Ahsan Ayaz · World Congress 2021

2:35 min

Optimizing long list rendering by implementing Lit virtualizer

Lucien Immink · World Congress 2023

43 sec

Building declarative visual effects with scroll-driven animations

Cleyra Uzcategui

Cleyra Uzcategui · World Congress 2024

2:40 min

Balancing user experience with developer-driven layout trends

Chris Heilmann

Chris Heilmann +2 · LIVE

4:52 min

Evaluating performance impacts of advanced CSS animations

Aaron T. Grogg · Coffee With Developers

More from World Congress 2021

Micro Frontends with Module Federation: Why and How? thumbnail

Micro Frontends with Module Federation: Why and How?

Manfred Steyer · ANGULARarchitects.io

Data Science on Software Data thumbnail

Data Science on Software Data

Markus Harrer · innoQ

The journey from developer to devops - what i've learnt along the way thumbnail

The journey from developer to devops - what i've learnt along the way

Liam Hurrel +1

How Data is Shaping our Games thumbnail

How Data is Shaping our Games

Johanna Pirker · LMU Munich and TU Graz

Cross platform Augmented Reality development with React Native thumbnail

Cross platform Augmented Reality development with React Native

Vladimir Novick

How to Build a Monetization Strategy Based on User's in-app Behavior thumbnail

How to Build a Monetization Strategy Based on User's in-app Behavior

Natalie Sieradzki

Upcoming sessions on this topic

Understanding React Performance Patterns Developers Often Get Wrong

Himanshu Srivastava

Best Buy India

Software Engineer

React Under Fire: Rendering Performance for Streaming Agent UIs

Abhirupa Mitra

Slack

Senior Member of Technical Staff

Your Server-Rendered App Doesn't Know Who It's Talking To

Anshul Bansal

OLX India

Principal Architect

The Death of Manual Memoization: High-Performance React 19 for the Scaling Startup

Vishnudhasan Govindarajan

CareStack

Product Engineer

The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows

Wadad Parker

Ednius Inc.

SDE

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

Vidhya Krishnamoorthy

Morgan Stanley

VP, Software Engineering Manager

Related videos

The Journey of a Pixel in a React Application thumbnail

The Journey of a Pixel in a React Application

Shem Magnezi · Wilco

World Congress · 2025

Out-of-Order Streaming — The Future of Web Development thumbnail

Out-of-Order Streaming — The Future of Web Development

Julian Burr · Sonar

World Congress Europe · 2026

The Lean Web thumbnail

The Lean Web

Chris Ferdinandi

JS Congress · 2021

Catching up on the basics you don't really need that much code thumbnail

Catching up on the basics you don't really need that much code

LIVE · Jun 2024

Challenges of building React and React Native apps thumbnail

Challenges of building React and React Native apps

Milica Aleksic +1

World Congress · 2022

Uncharted Territories of Web Performance - Andrew Burnett-Thompson and David Burleigh thumbnail

Uncharted Territories of Web Performance - Andrew Burnett-Thompson and David Burleigh

Andrew Burnett-Thompson +1

Coffee With Developers · Oct 2025

Related articles

DC

Daniel Cranney

CSS-Only Scroll-Driven Animations

Scroll-linked animations look slick, but until now it often meant writing a fair amount of JavaScript, scroll event listeners, getBoundingClientRect(), class toggling and so on, with UX benefits of...

8 months ago

A half-filled progress-bar with CSS hand-written around it

DC

Daniel Cranney

3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents

If you’ve ever read the WeAreDevelopers Magazine before, you’ll know we love showing developers how to take advantage of native platform features and avoid over-engineering UI’s with frameworks or ...

10 months ago

A woman on a laptop with a table of contents showing on the screen

CH

Chris Heilmann

Dev Digest 133 - Back to Front

News and ArticlesWeAreDevelopers LIVE WebDev Day is on Wednesday, 18/11/2024. Learn about Design-first APIs for UI components, the JavaScript event loop, the Secret sauce behind pattern matching an...

about 2 years ago

Dev Digest 133 - Back to Front

BR

Benjamin Ruschin

The HTML Elements That You’re Probably Over-Engineering

As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that...

about 1 year ago

HTML elements mocked up with their code

From learning to earning

Jobs that call for the skills explored in this talk.

Senior Web Software Architect, AI Experiences

TeamViewer Germany GmbH

Austin, TX, United States

Expert ReactJS TypeScript TeamViewer

about 2 months ago • Verified

Senior Product Engineer

Blacksmith Software

New York, United States

Expert $200k–300k React

Staff Frontend Design Engineer - AI & Systems Leader

San Francisco, CA, United States

Expert Github ReactJS Adobe InDesign

18 days ago • Verified

Senior React Native Developer

Expert $100k–120k Remote React TypeScript React Native

Senior Software Engineer, React (Broker Web Platform)

Remote ReactJS Caching TypeScript

Staff Engineer - Web Platform

Expert Remote Next.js ReactJS Amazon S3