github
/
developer-roadmap
mirror of https://github.com/kamranahmedse/developer-roadmap.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2563 Commits
196 Branches
4 Tags
439 MiB
 
 
 
 
 
Tag: Branch: Tree: abb9209577
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'abb9209577'
${ noResults }
developer-roadmap/content/roadmaps/103-react/content/112-suspense.md

1.0 KiB
Raw Blame History

Suspense

React Suspense is a feature in React that allows components to "suspend" rendering while they are waiting for something to happen, such as data to be fetched from an API or an image to be loaded. Suspense allows developers to create a more seamless user experience by rendering a placeholder or fallback component while the component is waiting for the required data to be available.

Here is a general overview of how React Suspense works:

  • A component that uses Suspense wraps a component that may need to "suspend" rendering in a Suspense component.
  • The wrapped component throws a promise when it needs to suspend rendering.
  • The Suspense component catches the promise and renders a fallback component while the promise is pending.
  • When the promise resolves, the wrapped component is rendered with the required data.

Free Content React Suspense - Official Docs