I'm not really a beginner but this was a great refresher! Maybe a little fast for actual beginners but I totally agree with you on the fact that what you need isn't much more than what you've shown here
Been using Angular for many years, and I've been looking for a video on the basics of React without it being for absolute programming beginners! Thanks.
This is great and exactly what I needed. I think I went through 10 fundamental videos that flew over my head. I ended up just reading the W3school react section and got a basic grasp, but your video is helping sink it in. Subscribed!
Wonderful tutorial. Really short and crisp! Love this type of tutorial. Thanks Expecting more of this kind of videos. Helps developer to make quick start.
Good stuff. Wish I had watched this a year and a half ago to be honest. When trying to familiarize myself with a pretty complex code base without having had the greatest foundation for React, it has made for a rough journey, that’s for sure.
We somehow landed in a crunch period for a University project and now i need to figure out a lot of stuff quickly, this was quite helpful. Which Hook would you use for a searchbar? I assume it will be useState but i am not sure yet.
Really nice explanation! I have a small question, when do you or your team has to use the cleanup return function for useEffect in your production code? I'm wondering what would be the cases when this will be useful. Once again thank you for this quick video explanation
I think in our case we have a component which fetches large PDFs from the backend and puts them in the browsers memory for editing inside the UI. When we navigate away from the page or component, we need to clear that from memory / state so that our browser tab doesn’t run out of memory
Another example would be if you want a form to auto save some data to the backend if they close a modal or navigate away from a page. You could just have your cleanup function make that http request
@@WebDevCody I see, so essentially cleanup function does not always means that it will clean up something (like from the browser memory), but just add some functionality to our component after the user leaves the page. Is this the right way of thinking? :)
Hi Cody, it's another great video thank you it helps me out a lot, thank you may I ask you when the poki app( include react-redux and router would be amazing) will be available in you your channel? Thank you
@@WebDevCody hi Cody, how are you? I hope you are doing well, I just would like to ask you about the new video I guess poki app? when it will be available? thank you
Can someone explain to me why you would manage state in parent components rather than the actual components themselves? I'm very new to React and I'm struggling to wrap my head around these concepts. What is the point and why would we do this?
Sometimes you need a child component to update the state of a parent component, so you need to lift state up to the parent component so both the parent and child have access to it. For example, let’s say you have a login component which needs to login and save the user info. If you save the user info inside the login component, it will be lost when you navigate away from the page, so you’ll need to define the user state at a higher level so more things can read that user object.
Unable to send white space string as JS function argument. function abc(x){ alert(x); } abc("hello world"); //not working function abc(x){ alert(x); } abc("hello"); //working Please help me to send white space strings as an argument
I'm not really a beginner but this was a great refresher! Maybe a little fast for actual beginners but I totally agree with you on the fact that what you need isn't much more than what you've shown here
This is the video I was looking for. Damn good.
Gives the clear-cut idea for beginners where to lift heavily
Straight to the point. Covered a lot of topics in 20 minutes. Great video.
Been using Angular for many years, and I've been looking for a video on the basics of React without it being for absolute programming beginners! Thanks.
same ...😀
Thank you, very good refresher as I didn't use ReactJS for a long time (2 years at least), so this helped a lot, subscribed!
This is excellence. Straight to the point, hitting the nail right on the head. Love it
Simple and straightforward. Thanks, Cody.
Great tutorial , this is really helpful for a beginner . keep uploading such videos bro. More power to you !!!
Fantastic display of where to start for a beginner. Went through quite a few videos to find something like this! Well done!!!
This is GOLD!!! Straight to the point and explained in very simple way.
This is great and exactly what I needed. I think I went through 10 fundamental videos that flew over my head. I ended up just reading the W3school react section and got a basic grasp, but your video is helping sink it in. Subscribed!
great tutorial man this is what we wanted the most used concept in the project
This is great - to the point, no wasting time with blah blah blah like 9/10 javascript guys on youtube.
Thank you so much for making this video. Hope this video gets lots of views :)
This video deserves more views
Ok you made it so simple. Thanks!
Just came here to check what's covered for beginners. Good video Cody!
Wonderful tutorial. Really short and crisp! Love this type of tutorial. Thanks Expecting more of this kind of videos. Helps developer to make quick start.
Good stuff. Wish I had watched this a year and a half ago to be honest. When trying to familiarize myself with a pretty complex code base without having had the greatest foundation for React, it has made for a rough journey, that’s for sure.
refresher 2x speed, amazing, thank you
Thank you, am a newbie to react...and really appreciate the advice
This is a great overview video... I have gone through a lot of the videos and this is a very good summary of intro to React... Keep it up man 👍
We somehow landed in a crunch period for a University project and now i need to figure out a lot of stuff quickly, this was quite helpful. Which Hook would you use for a searchbar? I assume it will be useState but i am not sure yet.
This was helpful. Thank you!
Really Thanks for this, You got a subscriber, keep it up.
Reduced to the minimum - but very useful - not distracted by other concepts!
Wonderful tutorial you've got here. Please, how do I insert link (anchor tag) using props
Really nice explanation! I have a small question, when do you or your team has to use the cleanup return function for useEffect in your production code? I'm wondering what would be the cases when this will be useful. Once again thank you for this quick video explanation
I think in our case we have a component which fetches large PDFs from the backend and puts them in the browsers memory for editing inside the UI. When we navigate away from the page or component, we need to clear that from memory / state so that our browser tab doesn’t run out of memory
Another example would be if you want a form to auto save some data to the backend if they close a modal or navigate away from a page. You could just have your cleanup function make that http request
@@WebDevCody I see, so essentially cleanup function does not always means that it will clean up something (like from the browser memory), but just add some functionality to our component after the user leaves the page. Is this the right way of thinking? :)
Yes pretty much
Dont Be sorry!. Great quick explanation.
thank you so much for this needed video 🙏
good enough bro thanks for the refresh ✌
Cody Cyber? It sounds like a cool character name from Cyberpunk. No shit! Wow.
Thank you mate. nice video.
🎉 Nice
Good tutorial.
great video, thank you!
Thank you! Very helpful video
Now the fun part of every developers journey....figuring out what they want to build/make 🤣
Programmer's Block is real
In nutshell, it's awesome 👍
Nice! Subscribed
Very helpful , thanks
this is genius
🔥🙌
As of React 17, you no longer need to import React everywhere.
As someone starting to learn react as of this week, any other tips you can share that I should keep in mind when viewing older vids?
Thank you
Thank you very much!
Can you share some intermediate stuff also
Hi Cody, it's another great video thank you it helps me out a lot, thank you may I ask you when the poki app( include react-redux and router would be amazing) will be available in you your channel? Thank you
Glad you enjoyed watching it. I will try to work on that app within the week. Maybe sometime this week it'll be out, or by next weekend. Stay in tune.
@@WebDevCody thank you so much
@@WebDevCody hi Cody, how are you? I hope you are doing well, I just would like to ask you about the new video I guess poki app? when it will be available? thank you
i really just want to know what all those chrome extensions do
Subscribed
Amazing!!!
great job
onBlur was the reason I came to this video🤐
Can someone explain to me why you would manage state in parent components rather than the actual components themselves? I'm very new to React and I'm struggling to wrap my head around these concepts. What is the point and why would we do this?
Sometimes you need a child component to update the state of a parent component, so you need to lift state up to the parent component so both the parent and child have access to it. For example, let’s say you have a login component which needs to login and save the user info. If you save the user info inside the login component, it will be lost when you navigate away from the page, so you’ll need to define the user state at a higher level so more things can read that user object.
thanks.
Can you please share the vscode theme name?
Thank youuu
thanks
You're welcome!
Love you babe ❤️
please make a slower one
As a beginner after 12:00 min i lost track of what he was saying.
Unable to send white space string as JS function argument.
function abc(x){
alert(x);
}
abc("hello world"); //not working
function abc(x){
alert(x);
}
abc("hello"); //working
Please help me to send white space strings as an argument
Vignesh Reddy you need to paste more error logs for me to help
@@WebDevCody
Hi, I got the answer from stack overflow
Subscribed!
{2022-02-24}
Thank you so much!