Channel: codedamn

Category: Education

Tags: react 18 tutorialreact 18 updatereact 18 new featureslearn reactreactreactjs tutorialreact 18 changeswebdevcode broken in react18tutorialreact 18 hindireact 18 betareact 18learn react18what's new in react 18react 18 concurrent renderingreactjsapp developmentis react18 brokenlearn react js for beginnersreact 18 changelogreactjs 18learn react jswhat is react18react suspensereact 18 whats newdeveloperwhat is broken in react18

Description: React 18 includes concurrent rendering which might render a `useEffect` multiple times. If you rely on useEffect for onComponentDidMount, you might have to change that soon. Let's see how React 18 breaks this behaviour in this release and what it means for you. ⚛️ Do you want to become a full-stack web developer? Check out codedamn's full-stack learning path: cdm.sh/fullstack ⚛️ Get started with web3 and decentralised technologies today: cdm.sh/web3 Timestamps 0:00 Teaser 0:26 useEffect() before React 18 1:15 useEffect() after React 18 2:45 New useEvent() hook 4:48 Why this is happening? 6:30 Conclusion 7:52 Outro 👉 Checkout codedamn on social: Instagram: cdm.sh/ig Twitter: cdm.sh/twt Discord community: cdm.sh/discord Facebook: cdm.sh/fb GitHub: cdm.sh/github If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pump out more such content. ✨ Video Tags ✨ React 18 has a HUGE mistake and it's about to break a LOT of code React 18 breaking changes React 18 useEffect rendering twice You Don't Have To Be A Tech Geek to Spot This Bug React 18: The new version that's broken React 18 is broken in a weird way - What is going on? ✨ Hashtags ✨ #react #useEffect react suspense