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
Auf dieser Seite können Sie das Online-Video Write Clean Code with React Suspense | React Error Boundaries Explained mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Dave Gray 24 Januar 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 27,165 Mal angesehen und es wurde von 823 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
