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
Watch video Write Clean Code with React Suspense | React Error Boundaries Explained online without registration, duration hours minute second in high quality. This video was added by user Dave Gray 24 January 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 27,165 once and liked it 823 people.