Streaming

Loading "Streaming"
πŸ§β€β™‚οΈ I've added a long delay to the searchShips API to make the improvements here more noticable. Check to see how.
πŸ‘¨β€πŸ’Ό Right now we display our loading screen until all the components finish rendering. But if we want to put some well placed Suspense boundaries around different server components, we can have a more granular loading experience.
Please add some suspense boundaries around the search results and ship details so we can have things load in as they become ready.
As you do, I want you to appreciate the out-of-order streaming we get here which enables a lot of flexibility in how we load things in (allowing us to prioritize the most important parts of the page first).
Note: more spinners is not necessarily better. In fact, it would be better to just server-render all of this stuff from the start and make it really fast so you don't need loading states at all and you avoid cumulative layout shift. But we're sticking with client-side rendering for now to keep things simple.

Please set the playground first

Loading "Streaming"
Loading "Streaming"
Login to get access to the exclusive discord channel.
  • 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
    61 Β· a month 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 Β· 3 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 Β· 2 months ago
  • πŸ€Ήβ€β™‚οΈServer Components
    Issue with auth in React Server Components workshop
    gual:
    Hey, I'm having issues running the RSC workshop locally, specifically when logging in. I completed t...
    • βœ…1
    12 Β· 10 months ago
  • πŸ€Ήβ€β™‚οΈServer Components
    In 4. Client Router / 05. Cache
    efrain πŸš€:
    Hey guys, I'm trying to understand the reason for using the `useContentCache` hook instead of direct...
    • βœ…1
    1 Β· 9 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 Β· 5 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 Β· 6 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 Β· 7 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 Β· 7 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 Β· 7 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 Β· 8 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 Β· 8 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
  • 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 Β· 9 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 Β· 9 months ago
  • General
    Problem with playground
    Xrayoptions πŸš€:
    Problem section doesn't show <@105755735731781632> how to fix it ?
    • βœ…1
    9 Β· 9 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 Β· 10 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 Β· a year ago