File tree Expand file tree Collapse file tree 2 files changed +17
-0
lines changed
exercises/06.optimization Expand file tree Collapse file tree 2 files changed +17
-0
lines changed Original file line number Diff line number Diff line change 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
613the ` ShipImg ` component which will then start loading the image. However, we
714can start loading the image as soon as we have the ship's name.
Original file line number Diff line number Diff line change 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
717React 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