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
On this page of the site you can watch the video online Write Clean Code with React Suspense | React Error Boundaries Explained with a duration of hours minute second in good quality, which was uploaded by the user Dave Gray 24 January 2023, share the link with friends and acquaintances, this video has already been watched 27,165 times on youtube and it was liked by 823 viewers. Enjoy your viewing!
