This is Why You Can't Render React Hooks Conditionally

If you've been working with React for a while now you should have stumbled with an Unexpected Error, preventing you from Rendering Hooks conditionally! But have you ever wondered why? and why React is not allowing us to render hooks conditionally. In this video, we'll deep dive into how React hooks work and even implement our own version of React hooks with Vanilla javascript and DOM methods.


⭐ Timestamps ⭐
00:00 Intro
01:01 How Hooks work under the hood?
04:31 Rendering Hooks Conditionally
06:07 Using a custom version of useState
10:23 The reason behind conditional hooks


-- Special Links

✨ Join Figma for Free and start designing now!
https://psxid.figma.com/69wr7zzb1mxm

👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
https://psxid.figma.com/ucwkx28d18fo-...


🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
   • Build Login/Register API Server w/ Au...  

🧭 Turn Design into React Code | From prototype to Full website in no time
   • Turn Design into React Code | From pr...  

🧭 Watch Tutorial on Designing the website on Figma
   • I Design a onecolor Website in 1 hour...  

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
   • Create a Modern React Login/Register ...  

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
   • Debug React Apps Like a Pro | Master ...  

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
   • Master React Like Pro w/ Redux, Types...  

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
   • Debug React Apps Like a Pro | Master ...  

🧭 Introduction to GraphQL with Apollo and React
   • Introduction to GraphQL with Apollo a...  


🐦 Follow me on Twitter:   / ipenywis  
💻 Github Profile: https://github.com/ipenywis

Made with 💗 by Coderone