In this tutorial, you will learn how to create functional components in React. Modern React applications are built with reusable functional components. This is one of the first steps in learning how to build your own applications with React. If you are just starting out with Javascript, I recommend learning from my full 8 hour Javascript tutorial first: ruclips.net/video/EfAl9bwzVZk/видео.html
Thanks so much for doing these! I'm doing a full stack project at the moment, with working knowledge of React, but when I get screwy in my head I like to go back and re-cover the basics. This has been perfect so far. Really appreciate you putting the time in.
Thank you for making these tutorials free. May you continue to do tutorials and examples that are commercial and production standards, that's what most other content creators of coding tutorials are lacking. Again thank you so much
Thanks a lot, Dave! Your explanation is always so clear! Also appreciate the pace. Trying to switch from Jekyll to React and this series is exactly what I need 👏🏼💪🏼🙏🏼
I'm not lying, but watching the course that I was bought on Udemy is misunderstand since the introduction to React. Instead, watching this course on RUclips with a very clear and kindness lecturer, I can get it all so easy.
Great content!. After successfully deploy a Next + mdx blog following your tutorial, now I feel I need start learning IN DEPHT the basics... what is a long journey in my forties. Thanks!
First of all , thank you for this tutorial! I have newly started to learn React ,so I have one question: In this video you wrote the code inside App.js , can we write them inside index.js too? Actually, I tried and it worked , that's why I am asking is there any difference? As I understand from your explanation, App.js is the parent one , therefore we must import from it.Is it true?
Absolutely, and thanks for asking. Like Vanilla JS, I'm starting from zero and building a full beginners course. Afterwards, I'll continue to add more projects and more advanced topics. 🚀
About the Content component's logics, not sure whether or not moving handleNameChange function outside of Content function will make more readable or this might be against React best practice convention, I like the pace of this series, Thanks Dave,
Good note Ahmad, and I hope all is well my friend. This is a deeper discussion than beginners level, but it will be discussed at some point along with the useCallback hook 😃🚀
why reactjs introduced functional components why the rewrite entire code for functional components ? can u please make a video on that or siimple answer. thank you
In this tutorial, you will learn how to create functional components in React. Modern React applications are built with reusable functional components. This is one of the first steps in learning how to build your own applications with React. If you are just starting out with Javascript, I recommend learning from my full 8 hour Javascript tutorial first: ruclips.net/video/EfAl9bwzVZk/видео.html
Thanks so much for doing these! I'm doing a full stack project at the moment, with working knowledge of React, but when I get screwy in my head I like to go back and re-cover the basics. This has been perfect so far. Really appreciate you putting the time in.
Thank you for making these tutorials free. May you continue to do tutorials and examples that are commercial and production standards, that's what most other content creators of coding tutorials are lacking. Again thank you so much
You're very welcome! 💯
Thanks a lot, Dave!
Your explanation is always so clear!
Also appreciate the pace. Trying to switch from Jekyll to React and this series is exactly what I need 👏🏼💪🏼🙏🏼
You're welcome! 💯
I'm not lying, but watching the course that I was bought on Udemy is misunderstand since the introduction to React. Instead, watching this course on RUclips with a very clear and kindness lecturer, I can get it all so easy.
Hands down best React Tuts on youtube! thanks a lot
You're very welcome!
Great content!. After successfully deploy a Next + mdx blog following your tutorial, now I feel I need start learning IN DEPHT the basics... what is a long journey in my forties. Thanks!
wonderful tutorial, happy to let you know that it has helped me to understand a lot in less then 10min
Glad to hear that! 🚀
Wow! You made that looked easy. Thanks.
You're welcome!
this is a step forward for me things are more learer another w let's move to the next video
Thanks a lot, I'm really learning React now, even for a non native english speaker.
That's great!
2:08 cmd + shift + R on Mac to search snippet, can also just type "_rafce" and hit enter in the file.
Good to know! Thanks for the note! 🙏💯
Thank you, I like the explanation,
on windows: just type "rafce" in the Header.js file, it will give you the same result.
Awesome Explanation bro
Thank you! 💯
awesome series
Thank you! 🙏
Hello Dave! I'm Kevin :D
👋
We can do this with html itself right?
Then why do we go for this react?
Cool!!! Thnx!!!
Welcome!
Hello Dave Will you make a React Native series?
I want to do that!
@@DaveGrayTeachesCode yess dave! I've learned so much from your channel. Pls take your time and pls make a RN series for us pls❤🔥
Thanks!
You're welcome and thank you for the support! 💯
Thanks!
Although...
CRA is dead, and nee developers should be aware of that.
Maybe you should recommend your Vite tutorial in the pinned comment.
First of all , thank you for this tutorial! I have newly started to learn React ,so I have one question: In this video you wrote the code inside App.js , can we write them inside index.js too? Actually, I tried and it worked , that's why I am asking is there any difference? As I understand from your explanation, App.js is the parent one , therefore we must import from it.Is it true?
Index.js is the parent of App.js. We don't usually write much code in Index.js but yes, you can.
oh you are just true teacher
Thank you!
Thank you
You're welcome! 💯
Will you slowly get into more advanced React concepts too eventually? Would be cool if you did that just like with vanilla JS
Absolutely, and thanks for asking. Like Vanilla JS, I'm starting from zero and building a full beginners course. Afterwards, I'll continue to add more projects and more advanced topics. 🚀
@leodan condori thank you! I sincerely appreciate the kind words 🙏💯
About the Content component's logics,
not sure whether or not moving handleNameChange function outside of Content function will make more readable or this might be against React best practice convention,
I like the pace of this series,
Thanks Dave,
Good note Ahmad, and I hope all is well my friend. This is a deeper discussion than beginners level, but it will be discussed at some point along with the useCallback hook 😃🚀
@@DaveGrayTeachesCode I'm trying to hide that but everything is getting too expensive here,
I'll try hard to follow this series and thanks once again
I will comment on each video that I watch to help you out with the algorithm
🙏🙏
why reactjs introduced functional components why the rewrite entire code for functional components ? can u please make a video on that or siimple answer. thank you
_rafce is fantastic. Thanks!
Absolutely!
Top
Who has watched the complete series and what would you say about it?