Skip to content

Commit 78eb478

Browse files
committed
add note about optimization React did for us
Closes #98
1 parent e9014c1 commit 78eb478

File tree

2 files changed

+17
-0
lines changed

2 files changed

+17
-0
lines changed

exercises/06.optimization/01.problem.parallel/README.mdx

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,13 @@
22

33
<EpicVideo url="https://www.epicreact.dev/workshops/react-suspense/parallel-loading" />
44

5+
<callout-warning>
6+
The video was recorded with a beta version of React 19 and the behavior you
7+
see in the video was fixed in the final release of React 19. Feel free to skip
8+
this step if you'd like. Learn more from [issue #98 on the workshop
9+
repo](https://github.com/epicweb-dev/react-suspense/issues/98).
10+
</callout-warning>
11+
512
👨‍💼 Right now our `ShipDetails` has to wait for the ship's data before we render
613
the `ShipImg` component which will then start loading the image. However, we
714
can start loading the image as soon as we have the ship's name.

exercises/06.optimization/README.mdx

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,16 @@
22

33
<EpicVideo url="https://www.epicreact.dev/workshops/react-suspense/intro-to-optimizations" />
44

5+
<callout-warning>
6+
The problem of waterfalls is something we need to consider as web developers.
7+
However, the specific example we use in this exercise was fixed by React 19
8+
itself. I recommend you still go through this exercise to learn more about how
9+
waterfalls work. We'll get into waterfalls more in the [React Server
10+
Components](https://server-components.epicreact.dev/) workshop as well. Learn
11+
more from [issue #98 on the workshop
12+
repo](https://github.com/epicweb-dev/react-suspense/issues/98).
13+
</callout-warning>
14+
515
## Waterfalls
616

717
React Suspense is a powerful way to colocate data requirements with the UI that

0 commit comments

Comments
 (0)