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 Β© 2026Best 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?

ReactJavaScript

The Ultimate Redux Course

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

ReactTesting

Testing React Apps with React Testing Library

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

ReactTypeScript

React 18 for Beginners

πŸ•ΉοΈ Levels: 🌱 Beginner

πŸ”™ Back to React Category