Welcome to the EpicReact.dev Workshop app!

This is the deployed version. Run locally for full experience.

Join EpicReact.dev↗︎Login

05. Expensive Calculations/03. Async Results (🏁 solution)

Async Results

Loading "Async Results (🏁 solution)"

Async Results (🏁 solution)

Run locally for transcripts

👨‍💼 Great job! Now if you take some measurements with the dev tools, you'll notice that doing searches is much faster than before. Offloading this work is a nice improvement!

Why not `useDeferredValue`?

You may think this would be a case for useDeferredValue rather than useTransition. However, useTransition is better for this situation because the state we're changing is not the input value itself, but rather the matching cities which are being fetched from the web worker. The transition will preserve the existing UI (including the input we can still type in) while the new cities are being fetched.

← Previous Next →

Edit on GitHubEdit this page on GitHub

problem solution diff chat

Please set the playground first

Loading "Async Results"

Loading "Async Results"

Login to get access to the exclusive discord channel.

General
Full app architecture in Epic React?
Sorix 🚀:
The Epic React course is broken into small focused modules, but is there a final project that shows ...
1 · a month ago
General
Welcome to EpicReact.dev! Say Hello 👋
Kent C. Dodds ◆ 🚀🏆🌌:
Welcome to the first of many posts in the EpicReact.dev channel! Take a moment to introduce yourself...
🚀6
59 · a year ago
🎣Hooks
General
Terminal error when setting playground
Natiq 🚀:
Every time I click on the "SET TO PLAYGROUND", the app stops with the following error. How can I fix...
1 · 2 months ago
General
error when installing the MCP server
DBattou 🚀:
I tried to install the mcp server by following the instructions on the blog post here -> https://www...
👍1
✅1
8 · 4 months ago
⚡Performance
[playground:4000] exited (null)
gfox1984 🚀:
I'm unable to load the playground within the app in React Performance > 04. Code Splitting exercises...
✅1
8 · 3 months ago
General
Interviews with Experts -> Start Watching CTA gives regional restricted license error
.shreyasvaidya 🚀:
I have purchased my course from India with the regional pricing method, and I am trying to watch the...
✅1
4 · 5 months ago
General
You are offline - warning
marianavinyolas 🌌 🚀:
Hi there! Today I want to start with the Advanced Patterns workshop, but after clone and run the rep...
✅1
3 · 5 months ago
General
⚛️Fundamentals
Clicking on index.html when start opens in Terminal and not on the editor.
Waddle 🚀:
Hello, just starting out with this and noticed that when I click on the 'index.html' file as display...
✅2
1 · 5 months ago
General
Am I following the course in the proper way?
bauti 🚀 🌌:
The way im doing things in epic-react is: Clone the repo for the module i want to do (for example a...
✅1
3 · 6 months ago
🎣Hooks
General
VSCode imports from wrong source
mathemaat 🚀:
I encountered something silly that threw me off for a minute or two. I was working on the Tic Tac To...
✅1
1 · 6 months ago
General
Terminal Errors When Running Workshop App
Giovanni 🚀:
Hello guys, I am facing an issue with the Workshop App, that basically I get this message over and...
✅1
3 · 6 months ago
General
Launch editor error: spawn code ENOENT
Andrew Elans 🌌 🚀:
Clicking index.html gives this error in VS Code. Both from Chrome and Safari. Anyone?
✅2
6 · a year ago
⚡Performance
When is a Promise not good enough, and I need a Web Worker?
davidburson:
I just finished Expensive Calculations in React Performance. Why do we need a Web Worker instead of...
✅1
2 · 7 months ago
General
Cannot connect workshop app
Philipp 🚀:
I try to connect with my Company MacBook and get the following error 😦 There was an error: unable t...
✅1
5 · 7 months ago
General
Problem generating the diff
mikeyjmcc 🚀:
I am not sure what has changed but I am now receiving errors that the diff cannot be generated. This...
✅2
1 · 8 months ago
General
Problem with playground
Xrayoptions 🚀:
Problem section doesn't show <@105755735731781632> how to fix it ?
✅1
9 · 8 months ago
General
How to run tests in IDE?
anonymousBlack10:
Is it possible to run the tests from the IDE or are they setup to be run just from the browser? Some...
✅1
1 · 8 months ago
🔀Suspense
⚡Performance
How you can implement the delay transition in react router dom
Lloren 🚀:
How i can use the delay spinner and useTransition hook on react routes im trying but i cant do i h...
✅1
8 · 8 months ago
⚡Performance
Issue with react devtools
mati.torreblanca 🚀:
Hey everyone! I recently started with the performance lessons. I opened the react devtools extension...
✅1
8 · 9 months ago
General
Launch editor error: Could not open 'index.html' from:'playground' in the editor.
Japhet 🚀 🏆 🌌:
I'm encountering an issue when trying to open a link from the file list. The error message I receive...
✅1
15 · 10 months ago
⚡Performance
⚛️Fundamentals
Clarification on Calling Components as Interpolated Function Calls
sethwbarton 🚀:
TL;DR: Is there any reason to prefer the JSX syntax over the interpolation syntax? Is one more perfo...
✅1
8 · 10 months ago
General
AI Assistant?
John 🚀:
Kent has mentioned an AI assistant that he's using in VSCode. Is there any detail on what that is an...
✅2
2 · 10 months ago
General
Script to save playground folder
larissapissurno 🚀:
Hi all, I personally like to take notes on the playground files, so in order to not lose this notes ...
✅1
2 · 10 months ago