File tree 2 files changed +17
-0
lines changed
exercises/06.optimization
2 files changed +17
-0
lines changed Original file line number Diff line number Diff line change 2
2
3
3
<EpicVideo url = " https://www.epicreact.dev/workshops/react-suspense/parallel-loading" />
4
4
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
+
5
12
👨💼 Right now our ` ShipDetails ` has to wait for the ship's data before we render
6
13
the ` ShipImg ` component which will then start loading the image. However, we
7
14
can start loading the image as soon as we have the ship's name.
Original file line number Diff line number Diff line change 2
2
3
3
<EpicVideo url = " https://www.epicreact.dev/workshops/react-suspense/intro-to-optimizations" />
4
4
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
+
5
15
## Waterfalls
6
16
7
17
React Suspense is a powerful way to colocate data requirements with the UI that
You can’t perform that action at this time.
0 commit comments