WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Mar 24, 2021

Build UIs that learn - Discover the powerful combination of UI and AI

Eliran Natan

What if your UI could predict a user's next click? Discover how to eliminate latency by combining React and TensorFlow.js for intelligent predictive prefetching.

Pause
Mute Enter Fullscreen
#1 about 2 min

The problem of loading delays in single-page applications

Heavy React components increase load times even when utilizing standard lazy loading APIs.

#2 about 2 min

Breaking the loading trade-off with predictive prefetching

Prefetching entire routes or components before a user clicks entirely removes waiting time.

#3 about 3 min

Using sequence prediction to guess the next user action

Tracking ordered click sequences enables training an intelligent mechanism to forecast probability distributions for upcoming actions.

#4 about 3 min

Designing a neural network for click sequence prediction

Function approximators with one-hot encoding and long short-term memory layers output accurate probabilities for the next action.

#5 about 3 min

Implementing and training the prediction model in TensorFlow.js

The TensorFlow.js library provides commands to stack network layers, request predictions, and asynchronously fit models to sequence batches in the browser.

#6 about 7 min

Linking UI predictions to code prefetching with React context

Connecting decentralized prediction triggers with rendering components via an application-wide context coordinates seamless dynamic code imports.

#7 about 4 min

Combining React code splitting APIs with machine learning models

Merging predictive machine learning functionality with decentralized frontend state contexts drastically improves application performance through anticipatory rendering.

Matching moments

57 sec

Implementing predictive prefetch with machine learning

Jessica Janiuk · JS Congress

1:10 min

Balancing prediction accuracy with background loading eagerness

Medhat Dawoud Medhat Dawoud · WWC 2025

4:05 min

Navigating cross-browser progressive enhancement for machine learning

Thomas Steiner · Coffee With Developers

5:36 min

Evaluating page performance using customized ML prediction models

Perf + AI

3:31 min

Recreating React components using AI and dev tools

Chris Heilmann +2 · LIVE

4:30 min

Scaffolding pages and routing single-page applications with Next.js

Josh Goldberg · JS Congress

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

Proactive AI That Doesn’t Annoy Users: Building Context-Aware Notification Systems

Raju Dandigam Dandigam

Engineering Manager at Navan

Raju Dandigam Dandigam
Open session

World Congress 2026 North America

AI Agents are Only as Smart as their Context: Building a Real-Time Context Engine at Intuit

Bharat Patel

Lead Software Engineer at Intuit

Bharat Patel
Open session

World Congress 2026 North America

Engineering the Pivot: How Creative Strategy Solves the Hard Problems of AI Accuracy and Scale

Shruti Tiwari

AI/ML product manager, Dell

Shruti Tiwari

Related videos

The Journey of a Pixel in a React Application thumbnail
27:01
WWC 2025 • 12 months ago

The Journey of a Pixel in a React Application

Shem Magnezi

Optimistic UI Updates: Enhancing User Experience and Improving Interaction to Next Paint (INP) thumbnail
20:30
WWC 2025 • 12 months ago

Optimistic UI Updates: Enhancing User Experience and Improving Interaction to Next Paint (INP)

Marc Müller

Machine learning in the browser with TensorFlowjs thumbnail
38:24
LIVE • about 5 years ago

Machine learning in the browser with TensorFlowjs

Håkan Silfvernagel

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

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney, Jan Deppisch

The Lean Web thumbnail
46:46
JS Congress • over 4 years ago

The Lean Web

Chris Ferdinandi

The Illusion of a Performant Web Application thumbnail
28:56
WWC 2023 • over 2 years ago

The Illusion of a Performant Web Application

Cathrin Möller

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.