Write Clean Code with React Suspense | React Error Boundaries Explained

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

React Suspense is Scary Good! In this tutorial, React Suspense & React Error Boundaries are explained with examples. You will learn how to provide a fallback loading state component and a fallback error component to improve your app's user experience.

🚀 Become a full-stack web dev with Zero To Mastery Courses:
Advanced React: https://bit.ly/AdvReactDev
The Complete Web Developer: https://bit.ly/WebDevMaster
Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Questions - Please post them to my Discord ➜   / discord  

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

👇 Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  

🔗 Source Code: https://github.com/gitdagray/react-su...

React Suspense & React Error Boundaries with SWR

(00:00) Intro
(00:25) Welcome
(00:48) Starter Code & Start up
(02:26) SWR Data Fetching
(05:02) Enable Suspense in SWR
(05:29) Conditional logic to replace
(06:27) Adding React Suspense
(12:16) PostsList component clean up
(13:10) Why We Need Error Boundaries
(14:05) Install react-error-boundary
(15:06) Adding an Error Boundary
(16:53) A Better Error Boundary
(23:13) Reviewing the Refactor
(24:19) Closing Notes

📺 Suggested Videos:
🔗 SWR 2.0:    • This Could Be the BEST Way to fetch d...  
🔗 Skeleton Loading Components:    • Skeleton Loading Components with Anim...  

📚 Tutorial References:
🔗 SWR with Suspense: https://swr.vercel.app/docs/suspense
🔗 react-error-boundary: https://www.npmjs.com/package/react-e...
🔗 React Official Website: https://reactjs.org/
🔗 Vite Official Website: https://vitejs.dev/
🔗 JSON Server: https://www.npmjs.com/package/json-se...

Was this React Suspense & React Error Boundary with SWR tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#react #suspense #explained