Welcome to the EpicReact.dev Workshop app!

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

Join EpicReact.dev↗︎Login

04. Code Splitting/03. Transitions (🏁 solution)

Transitions

Transitions (🏁 solution)

Transitions (🏁 solution)

👨‍💼 React gives us lots of options to control the user experience we're after while also optimizing things for performance. Great work on this one!

problem solution diff chat

Please set the playground first

Loading "Transitions"

Loading "Transitions"

Login to get access to the exclusive discord channel.

Loading Discord Posts

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
66 · 3 days ago
General
So every time I make an exercise...
jejejeff787 🚀:
and I move to the next exercise my changes goes away?
✅1
4 · a month ago
⚡Performance
Struggling with the React dev tools profiler - in Chrome - in the performance workshop
Mary S:
I tried following instructions to open up the react profiler in the course. When I pull it up, thoug...
✅1
2 · 3 months 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
1 · 4 months ago
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
1 · 4 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 · 6 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 · 6 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 · 8 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 · 8 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 · 8 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 · 9 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 · 9 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 · 9 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 · 10 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 · 10 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 · a year ago
General
Problem with playground
Xrayoptions 🚀:
Problem section doesn't show <@105755735731781632> how to fix it ?
✅1
9 · a year 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 · a year 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 · a year 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 · a year 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 · a year ago