Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Β© 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. React
  3. Build an App with React Suspense
React
Video

Build an App with React Suspense

by Michael Chan
Enroll
πŸ•ΉοΈ Levels: πŸš€ Advanced
⏳ Duration: 1.5 hours
πŸ€‘ Price: Subscription
πŸ§‘β€πŸ’» Learning Platform: Egghead.io
πŸ§‘β€πŸŽ“ Certificate: Yes

πŸ”‘ Key Learning Outcomes

  • Understand the Suspense component.
  • Set up ErrorBoundary where conditions aren’t met.
  • Devise strategies to resolve different children.
  • Import & use CreateResource to prepare for Suspense.
  • Understand concurrent mode.
  • Extract components into modules.

πŸ‘¨β€πŸ« About the Course

This course delves into the intricacies of working with React Suspense. Michael Chan, an experienced React developer, guides you through leveraging Suspense to control user experiences based on data availability. Get ahead in building React applications by mastering this cutting-edge feature.

🎯 Target Audience

  • Suitable for experienced React developers looking to enhance their skills with the latest features.
  • Ideal for those interested in optimizing user experience and data loading in React applications.

βœ… Requirements

  • Familiarity with React concepts and prior experience with React Hooks and class components are required.

πŸ“– Course Content

  • Explore setting up ErrorBoundary in React.
  • Learn to import components lazily with Suspense.
  • Understand communication between React.lazy and Suspense.
  • Wrap fetch requests to communicate loading status.
  • Separate API utility functions from components.
  • Track async requests with useState Hook.
  • Enable Suspense features with Concurrent Mode.
  • De-prioritize non-user-blocking updates.
  • Display loading states conditionally.
  • Extract reusable components with React.Fragment.
Update Course

Drop a comment

Build an App with React Suspense by Michael Chan

Log in to leave a feedback

Login

πŸ‘‡ Psst! Interested in More React Courses?

ReactReact

Intermediate React, v5
Video

by Brian Holt

πŸ•ΉοΈ Levels: 😎 Intermediate

⏳ Duration: 6 hours

πŸ€‘ Price: Subscription

πŸ§‘β€πŸ’» Learning Platform: Frontend Masters

ReactReact

Spring Animation in React with React Spring
Video

by Christian Nwamba

πŸ•ΉοΈ Levels: 😎 Intermediate

⏳ Duration: 0.5 hours

πŸ€‘ Price: Subscription

πŸ§‘β€πŸ’» Learning Platform: Egghead.io

ReactReact

Sync State Across Components with Recoil in React
Video

by Tomasz Łakomy

πŸ•ΉοΈ Levels: 🌱 Beginner, 😎 Intermediate

πŸ€‘ Price: Free

πŸ§‘β€πŸ’» Learning Platform: Egghead.io

πŸ”™ Back to React Category