React JS Props and Prop Drilling | Learn ReactJS

Thank God! I came across with this treasure ❤

I'm doing all tutorials you have Dave, very good lesons, i started with Redux when i find your video in the redux website. even already have studed React there´s always something to learn, thanks for sharing this axcelent material.

Hello Sir, when i move component to parent state in main page always tell me that the list is empty

Dave, I don't know how to thank you. I have been struggling with props. You just helped me get it in just a few minutes. Thank you!

Great video! I'd love to know why you chose to use an icon with roles and aria labels rather than wrapping the icon in a <button> element? Wouldn't that solve all the accessibility issues and also keep the HTML semantic? Thanks again

Sweet. Never knew about default props!

Dave your teaching method is awsome.

When I first started learning react this type of injection really bothered me about react. I definitely prefer using state management tool like mobx (not everyones favorite, I know, but it works well for the projects I use.)

Is it like passing arguments to the function?

Thanks for breaking this down. 1/2 way through I was hoping you would do that. On the <LineItem component you added in key={item.id} attribute which I understand why, does this mean we don't need it on the <li> now within the LineItem component itself. I removed it didn't appear to error. Great tutorial, thanks.

Bro very well done , You did a excellent job. Really you can't imagine that i could never seen any tutorial same as yours in the past one and half year.

This is one of most important lessons in React, that flow was no sense till now... Thank you a lot my friend, you r epic teacher!!

just want to mention , there is no need to write _rafce just rafce is fine

sir this playlist is great but make complete Project in current playlist so that students who learnt from the beginners playlist will gain more knowlege after developing entire application from scratch

Thank you

Thank you, David Gray! You are a great teacher.

I had to do :
style={(item.checked) ? {textDecoration : 'line-through'}:{textDecoration : 'inherit'}}

I see you not using the ':' in your code, for me it results in an error (statement expected ":")

Dave, you're a priceless teacher. In my opinion, it's easy to understand the topic you're explaining because you talk about the tiny details as well, while many others think that beginners should understand the obvious things, which is often not the case. Thank you!

thanks, helped me a lot

Your explanation is great I really like the way you explain in great details.

Top

Hello Dave what is tabindex 0 means? Also you are one of the True Guru when it comes to Teaching. Appriciate your efforts.

Thanks a lot, Dave!
God bless!
Forte abraço do Brasil!

Thank You

I'm not sure if I understand the hierarchy properly. Is the reusable component, LineItem a child of ItemList? Also, is ItemList is a child of the content component? Thank you for another great tutorial, Dave!

Dear Dave
It is a wonderful course.
A clear, simple and complete presentation of React
I'm definitely getting a lot out of it.
Thank you very very much
🤓🤓🤓

Incredibly helpful! Thank you, Dave! I loved the "aria-label" tip for accessibility. Do you have a video on accessibility features for webapps / webpages?

i am really like this tuturial , it,s help me

really well explanation Sir, Thanks a lot for your nice effort here.

what is the purpose of aria-label={`Delete ${itemlist.item}`} code was already working the same.

there some think you must to remember it when you import or export the name of function must to start with uppercase letter

The way you teach is outstanding. Thank you so much!

I am now pass drilling. Thanks

Your accent is really nice and very easy to understand,Thank you sir

Hello Dave, I have a question...I chose not to move the two handleCheck and handleDelete functions to App.js and got some cryptic error....am I correct to conclude that javascript functions can't access props' data only jsx can (items and setItems are required for javascript functions)

I had not learned of defaultProps before now. Thanks Dave!

Line item? You mean list item?

Best explanation, that really helped, thank you

You are a king. clean code, made everything simple. thank you

Thank you sir for your detailed explanation..

Your explanations are amazing. Really grateful! <3

Amazing instruction. Thank you

very beginner friendly, thank you sir :D

detail lesson ❤️❤️

Now I understand why they say it's useful to learn vanilla JS before learning libraries. If I'd not spent years learning JS, all this would make no sense at all. React is really JavaScript under the hood. The syntax is simply designed to make building apps with the same or similar components easier.

Case in point -> the props drilling wasn't making sense to me. The syntax in App.js looked like HTML (e.g. <Content items={items handleCheckMarks={handleCheckMarks} handleItemDelete={handleItemDelete}/> ).

It was only when I used 'typeof props' in the console, that I realised App.js was actually sending an object to 'Content.js'. The Object destructuring using the { } then made sense.

Thanks Dave for helping me better understand all this.

Wow nice content

always the best and thank you for your excellent work

Thank you 😊 Sir