useTransition() vs useDeferredValue | React 18

Опубликовано: 22 Март 2025
на канале: Academind
97,888
2.7k

React 18 introduces "Concurrency" - an extremely important new concept. Along with that, two key new hooks were added: useTransition() and useDeferredValue(). Both hooks help with (de-)prioritzing state updates but when should you use which hook?
This video explains both hooks in great detail and shows a complete example.

Full tutorial article: https://academind.com/tutorials/react...
Video demo app starting code: https://github.com/academind/react-18...
Finished code: https://github.com/academind/react-18...

Learn all about (the latest version of) React with my "Complete Guide" course: https://acad.link/reactjs

----------

Join our Academind Community on Discord: https://academind.com/community

Check out all our other courses: https://academind.com/courses

----------

• Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Follow @academind_real on Instagram:   / academind_real  
• Join our Facebook community on   / academindchannel  

See you in the videos!

----------

Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!