React reconciliation: how it works and why should we care

Looking in detail into how React reconciliation algorithm works. Explore in the process quirks of conditional rendering, the 'key' attribute, and why we shouldn't declare components inside other components.

The video includes:

* The mystery of conditional rendering
* Exploring how Reconciliation works by walking through the mystery and the solutions
* The "key" attribute, what is its purpose in the algorithm, and how to make use of it outside of dynamic lists
* Declaring components inside other components: why it's a bad practice and how React behaves when it sees code like this

#react #reactjs #webdevelopment #programming #frontend #frontenddeveloper

[leonardodeslf]

Please, never ever stop doing this!

It's clear and explained in such a way that's easy and enjoyable to learn.

Keep it up and thank you for sharing! 🤗🤗

[СергейМаркелов-мм]

What a crazy fact with same key and conditional rendering with null!
Bravo 👏
Thank you for explaining these things

[sebabratakundu]

I learned a lot from your posts and videos. Keep sharing your knowladge with us.

[mikitaishchanka]

Yeah! Your rock! There are tonnes of content for novices on Youtube or the Internet and almost no content with advanced, "diving deep", "under the hood" stuff topics. And you provide clear explanation, code samples with code sandbox so we can play with it. There is no way we can't understand the topic. Thank you!

[ibrahimmohamed]

Thanks for the information it clears a lot of confusing concepts in react that may make juniors struggle ❤

[Arzen]

I love your articles and I very much appreciate you taking the time to make a video of some of your articles!
The way you break down the concept is brilliant! Once again, thank you so much!

[marcellciszekdruzynski]

Your videos and blog posts are just amazing keep up with the awesome job!

[ostadomid]

Haven't seen such easy explained detailed video ever. Really helpful. Hope to have more like this.

[marketkombat]

Thanks, your videos are always a pleasure to watch because I love under the hood stuffs and your delivery is very engaging.

[ngrnv]

Amazing! That is the content I was looking for!

[gyros]

Thank you so much, Nadezhda! The article is brilliant

[ezeobisunny]

I love your explanation, very clear and concise ❤

[lovikuanyshev]

Really love your videos, thanks for the great work!

[MS-elwj]

One of the best explanation for reconciliation. I loved it. Thanks for your time

[cypherstone]

You're amazing dude. Awesome explanation.

[LinhNguyen-bphd]

I'm impressed with React re-renders guide: everything, all at once that's why I came here, thanks for the content
is it your real voice or machine?

[ayushkumar]

super helpful finaly have a better understanding of react reconcilliation

[itsmepawan]

I am newbie to React so didnt't understand it completely as this seems advanced but I still got one aha moment.
Subbed! 🙌

[pritamchakroborty]

Really very helpful video. lots of knowledge thanks for sharing with us ❤

[SouravRakshit_srv]

I couldn't understand this topic from react docs thank you so much