How to use Props.Children in React

👩🏼‍💻 Links Mentioned 👩🏼‍💻

🌸 My Links 🌸

[MarkOhanesian]

For anyone confused by this video, I encourage you to first ALWAYS have a text editor open to try whatever you are learning, since coding is best learned by doing. Learning to code by doing every concept you study is the single most important thing I learned doing my Full Stack Web development certification years ago, and it has remained true to this day.

Second, the whole point of using {children} in the Card component she demonstrated was so she could actually use the custom button component inside of the Card. If {children} wasn't passed to the Card component, she could simply not place the button inside of it. Therefore it is a very powerful way of building out complex components.

[Ownagin]

My right ear is thankful for this video

[akpokemon]

I wish you showed what happened when you rendered Card or Button _without_ using props.children. So you could compare side-by-side. It's still not clicking.

[christopherpink]

Thanks the most SIMPLE explanation, i dont understand why others make it soo complex to teach

[srinivasaraoyp]

It is a small video demo, clearly explained what is props.children with example. Very interesting. Thank you very much.

[mazdysoraya]

Reusability of the component nice and easily explained.

[Maddenite]

at 1:14 how did you copy and paste the button tags into the Card component so fast?

[karolinalencina]

Tysm Ali! I really like your explanation of this concept, it's short and to the point. Would love to see more vids from you.

[swarupyeole]

Best Explanation Possible. To the point .

[ikechukwucharles]

Excellent!!! Exactly what I have been looking for. Thanks.

[tomasburian]

Good job, Ali. This is one of the most important React features and it's great to have such an effective way of explaining it. 🙂

[azizrakhim]

Explained in the simplest and most understable way possible. Awesome!

[sassyofran]

I was looking for this, thank you so much it helped a lot!!

[battlefieldbros]

Merci Ali, c'était clair et cool ! J'ai apprécié et ça va bien m'aider

[hennyisangry]

Thank you so much, this was so helpful!

[sameheladsy]

Thanks Ali, Now i'm wondering why I couldn't get. You made it simple.

[Andrea-tjv]

It's just a my impression, or these children work like an inverted prop

[colindante]

With respect to passing in props as opposed to {children} and using props.children my question is what purpose would destructuring the object serve? Why would we use one over the other? Thanks

[GoogleUser-nxwp]

kindly provide source code whenever you provide these small concepts it hurts to make a whole project just to run this small code

[Pareshbpatel]

Short, succint explaination of props.children in React. Thanks.

{2023-07-05}