Learn use() and async React from core team member Ricky Hanlon · Learn With Jason

The cure for useEffect, explained by React core maintainer Ricky Hanlon. Learn how modern patterns in React make some of the trickier parts of async React code a little less frustrating. Ricky's React Conf talk: https://www.youtube.com/watch?v=B_2E96URooA Async React working group: https://github.com/reactwg/async-react *Don't forget to watch the companion episode of _The Web Dev Podcast_* for more context on how React has evolved, what it took to get ready for use(), and what the React team has learned since the beginning of the project: https://www.youtube.com/watch?v=yMEt5d1m6ak&list=PLz8Iz-Fnk_eR7gtR7Ckuh0YTC84aaVeio&index=3 *What is Learn With Jason?* Sometimes the easiest way to see how a software tool or product works is to watch someone else build with it. In _Learn With Jason_, host Jason Lengstorf pair programs with experts from around the tech industry to learn new tools by _doing_. New episodes are published regularly. ---------------------------------------------------------------------- CodeTV supporters get early access to new videos, exclusive bonus content, and other perks. Join us in building a happier, healthier, friendlier web dev community! https://codetv.dev/support ---------------------------------------------------------------------- Chapters: 00:00 Introduction 00:21 Ricky Hanlon’s background 02:01 Setting Up the Project 04:51 Building the To-Do List App 06:37 Handling Async Requests 33:54 Implementing Pending States 39:03 Refactoring with Async Features 46:42 React Components and Control with Suspense 49:11 Setting Up State and Promises 51:29 Handling Mutations and Refreshing Data 53:42 Adding Feedback and Transitions 59:15 Performance Analysis and Debugging 01:07:06 Optimistic Updates and Async Input Component 01:21:09 Final Thoughts and Resources