Write Clean Code with React Suspense | React Error Boundaries Explained
Dave Gray
@davegrayteachescodeAbout
Web Development tutorials with full courses on HTML, CSS, JavaScript, React, Node.js and more! My goal is to help you learn how to build the web. Teaching helps me learn, too. I work full-time as a Solutions Architect / Developer and part-time as a university web dev instructor. Thank you for subscribing, supporting my channel and sharing the videos you think may help others. Keep striving for progress over perfection. And a little progress every day goes a very long way. Milestones: July 20, 2020 - 1st video Jan 1, 2021 - 1k subs April 2021 - 4k watch hours Nov 2021 - 10k subs Jan 21, 2022 - Video at 100k views Feb 16, 2022 - 100k watch hours Feb 19, 2022 - 1m views Dec 13, 2022 - 100k subs Dec 2022 - Over 1m views in 1 month April 7, 2023 - 10m views May 26, 2023 - 1m watch hours Sept 22, 2023 - Video at 1m views Dec 25, 2023 - 250k subs
Video Description
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 â https://discord.gg/neKghyefqh â Buy Me A Coffee â https://www.buymeacoffee.com/davegray đ Follow Me On Social Media: Github: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ đ Source Code: https://github.com/gitdagray/react-suspense 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: https://youtu.be/6gb6oyO1Tyg đ Skeleton Loading Components: https://youtu.be/cNQTg920Nx0 đ Tutorial References: đ SWR with Suspense: https://swr.vercel.app/docs/suspense đ react-error-boundary: https://www.npmjs.com/package/react-error-boundary đ React Official Website: https://reactjs.org/ đ Vite Official Website: https://vitejs.dev/ đ JSON Server: https://www.npmjs.com/package/json-server 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
Boost Your React Skills Today
AI-recommended products based on this video
GOOFCXO 4 Step Folding Ladder Chair, 3-in-1 Wood Ladder Stool, Multi-Functional Portable Step Stool Display Stand for Home Kitchen Office Library, 265lbs Load Capacity, 34.3" H x 13.4" L x 15.2" W
Hanes Mens Hanes Originals Men's Trunk Briefs, Stretch Cotton Moisture-Wicking Underwear, Modern Fit Low RiseTrunks
