I did this very thing with useState so I reversed engineered it in my mind. I asked the same questions about the order and wondered how the counter could be incremented, and I concluded an array and global counter/index. Great work!
I just had a mind explosion moment when you showed the custom useState and useEffect hooks. It makes so much sense now why we can't use hooks anywhere but at the top level!
Amazing video. This was exactly what I was looking for, sadly I had to scroll several times as the top videos titled with “how react actually works” were all just shallow reiterations of the react API.. thank you!
Excellent tutorial. Only doubt remains is as to why React team decided to go with Arrays and indexes to store hooks. We could use objects and as long out component identifies correctly, hook can be retrieved reliably even if all hooks don't run.
Because if there is no condition, then every time React rerenders the component, it will set the state again and React rerenders again and again -> infinite loop
Yes there is quite a difference. React uses Fibers under its hood (check out the previous video) and the implementation of useState is quite different in reality. If you want to learn more and perhaps see how useState can be implemented in React Fiber, check out pomb.us/build-your-own-react/
Especially if this is your first time seeing something like this it is completely fine, try to rewatch the video a few times or maybe sleep on it and then you will definitely understand it better
You just blew my mind with those useEffect and useState implementations. Great work, man.
Thank you! It also blew my mind when I saw it for the first time.
wow .
and that's exactly how experienced developer explain complex to topics to beginner developers.
👏👏👏👏👏👏
This is Gold content. Learning react was getting very tasteless and like rote learning for me. This was very helpful to rekindle the interest.
This series is exactly what I wanted. Beyond the beginner level and understand behind the sense. 😀
I did this very thing with useState so I reversed engineered it in my mind. I asked the same questions about the order and wondered how the counter could be incremented, and I concluded an array and global counter/index. Great work!
I just had a mind explosion moment when you showed the custom useState and useEffect hooks. It makes so much sense now why we can't use hooks anywhere but at the top level!
Excellent video. I'm really impressed on the video's content quality. Looking forward to more videos like this, thanks a lot
Thank you!
Amazing video. This was exactly what I was looking for, sadly I had to scroll several times as the top videos titled with “how react actually works” were all just shallow reiterations of the react API.. thank you!
Thank you!
Thank you! Great professional job done with this videos, wish you all the best!
This video is awesome. Looking forward to your new videos. Thanks!
Thank you!
Hi Philip, thank you (from Uzbekistan) very much for such great tutorial. appreciate your advanced videos.
Thank you!
It's exactly what I was looking for , Great work,thank you
This has just blew my mind, just when I thought I was just starting to understand react
Excellent tutorial. Only doubt remains is as to why React team decided to go with Arrays and indexes to store hooks.
We could use objects and as long out component identifies correctly, hook can be retrieved reliably even if all hooks don't run.
Thank you. I agree that it might've been implemented in a different way but there is probably a reason as to why the React team went with arrays.
Really interesting questions, did you find any answers to this?
as promised this video is really a deep dive
Wow so much helpful, i really Love this type of video which tells how the thing work behind the scenes.
The most important content for thouse who switching from another framework!
Excellent video. I'm really impressed on the video's content quality
Thank you!
Great stuff, thanks!
Thank you for your work!
Much appreciated 🙂
hello from Ukraine.N1ce video mate, thanks a lot!
lot of knowledge thanks man'
This is excellent, thank you!
Amazing course. Thanks a lot!
Thank you, glad you enjoyed it!
This is a bit complicated for a beginner ToT.... but super good video! thanks buddy!
Yes, those videos are intented for advanced React developers. Thanks for the feedback!
Make a video of types of examples as hooks using in production with example
2:40 someone please tell me how It will cause Infinite loop?
Because if there is no condition, then every time React rerenders the component, it will set the state again and React rerenders again and again -> infinite loop
thanks for this amazing video, it blew my mind
Very good explanation.
Thank you!
This is very well explained! Thank you! Did you put the code for this lesson somewhere?
I'm planning to use CodePen in the future, but for now I uploaded it here: drive.google.com/file/d/1eTApzbYx_jiAhJBbDTsA4FvkHXDbiQMY/view
@@PhilipFabianek Awesome! Please keep up that great job. This series about how react works under the hood was eye opening
@@PhilipFabianek This link is no longer working, can you share a new one ? Thanks !
Bro casually created MiniReact😅
In reality, setState function is async. Is there any difference with your example?
Yes there is quite a difference. React uses Fibers under its hood (check out the previous video) and the implementation of useState is quite different in reality. If you want to learn more and perhaps see how useState can be implemented in React Fiber, check out pomb.us/build-your-own-react/
@@PhilipFabianek Thank you!
Good stuff.
Bro u are awesome
Thank you!
Thank you so much
is it fine that i find it little hard to understand
Especially if this is your first time seeing something like this it is completely fine, try to rewatch the video a few times or maybe sleep on it and then you will definitely understand it better
u r awsome
Thank you!
This is some god level stuff
please keep posting these kind of videos
Int`ernet is already full of shitty beginner tutorials
💗💗