Hey everyone! A lot of you guys are asking what is the extension that autocompletes stuff in this video. The extension I am using is Github Copilot! I just posted a video going over my favourite VSCODE extensions: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZPcrEOHpEnU.html
Hey Bro just wanted to let you know I just won the project of the year and it wouldn’t have been possible without your help. Thanks a lot man. You don’t know much it has impacted me. Keep doing your thing. I’m dropping some Ms for you on my first pay slip. Cheers
Hey, this is amazing! Im so happy to hear this, you have no idea! Thank you for watching my videos, im really happy to know you were impacted by them :)
I found this tutorial very useful, however there were a few things worth mentioning that were left out in the video. 1) useEffect hook is used for handling things outside the scope of React, like manually manipulating the DOM , make an API call, access to localStorage, etc. 2) useEffect hook is also used to keep different states in sync. 3) importance of the cleanUp funciton when using useEffect hook, to avoid memory leak on components that are not unmounted by React. 4) Main problem that useContext solve is to avoid prop drilling, in other words avoid passing props from a parent component to deeply nested components when components in between won't even use these props, if the idea is just to reuse a piece of component we can use custom hooks instead
Thank you so much. This is a most understandable tutorial about react hooks. I have a simple request. Would you mind, mention the vs code plugin that you used for getting suggestions?
I recently started as a full time software engineer out of college, and I have been interested in exploring some of my team’s front end stuff (which is using React). I went through several Udemy courses and RU-vid videos, but always found myself getting very confused by their explanations. This video was by far the most helpful, and I have now gone from React looking like gibberish magic to having a decent understanding of how it all works! Thanks Pedro!
finaly understood the hooks, let me know which extension your using, I noticed that when you are coding there some suggestion for you. Thank you brother
Hello, Pedro very useful and well-explained video. I'd like to know what extension that you are using in vscode that auto-complete when you type. Thank you!
Fantastic explanations of all the hooks. one of the best react hook video tutorials ive watched. I appreciate how you put bookmarks in your video for easy navigation too.
Hey Pedro Thanks for great video! I would like to ask you what kind VS code extensions are you using , I can see your vscode extensions automatically completing react code
I love the way you explain things, and this is what bring me back to your channel every time I need my React skills updated. I went from 0 programming skills to building my own app exactly the way I wanted thanks to your CRUD tutorial series and I want to say that I am very thankful and will donate to you when I can. You are awesome and don't stop making videos, they are very much needed for people like me. Thank you.
Hi, PetroTech, its awesome to learn all the hooks in first attempt. i am just having a little query can you please tell me which snippets you used for code recommendations while writing code. Syntax or function automatically shows when you write some line of code.
This is exactly I wanted. Fantastic video, really appreciate your efforts, superb explanation of each hook with real-time examples. Cant thank you enough!!
Hey Perdro, this exaplantion should be in the docmentation of React Js. You are such a great tutor. I really loved the way you explain things, very soomth and clear. Keep going bro!
Wow really beautifully explained the way every hook works and to use which hook in which situation. Bit of time took to understand the useContext. Thanks and you could do a series on e commerce website using react.
I have to say something, your tutorial is way better than the documentation itself. You show the details and why everything goes on. To me this channel is definitely the go to place for programmers. Thank you very much and keep it up just like this, bro!
I kinda go over the useEffect and useLayoutEffect hooks in this video. But I didn't go in full depth and talked about stuff like cleanup functions and so. I can make a video on it :)
That was exactly what I needed. Maybe it would be nice if you explain more concepts of React. For example whats the difference between function components and class components?
function component is used when there is no change of props class components is used when props data are chages over the time this is major difference as i knew
I watched a 10min videos and know all the react hook, to be honest it is not something to learn in 1.5h that's a long time for such simple thing, best way to learn just watch fast 10min video and start practice with it going back to documentationn
found this tutorial very useful, however there were a few things worth mentioning that were left out in the video. 1) useEffect hook is used for handling things outside the scope of React, like manually manipulating the DOM , make an API call, access to localStorage, etc. 2) useEffect hook is also used to keep different states in sync. 3) importance of the cleanUp funciton when using useEffect hook, to avoid memory leak on components that are not unmounted by React. 4) Main problem that useContext solve is to avoid prop drilling, in other words avoid passing props from a parent component to deeply nested components when components in between won't even use these props, if the idea is just to reuse a piece of component we can use custom hooks instead
love the video and thanks for it but too many commercials in between man. Makes you lose where you were at middle of the programming. A bit lesser commercials will be way better
Thank you! I don't chose how many commercials each user gets unfortunately, so some people dont see any and some people see the max amount I set. If it was a lot i can for sure decrease the max amount :)
Hi bro... Being new to coding I was very much tensed on how toy attend interviews... But after I saw 10 mins of ur hooks video... I got inspired by the way you explain them and it really built in confidence in me... Thanks a ton... I request you to upload javascript tutorial if possible bro.. tht helps me a lot...
Hi Pedro, very good video! I wonder if you are interested in translating this video's subtitles into Portuguese? I can help with that! Please contact me if you think it is a good idea :)
@@PedroTechnologies I am glad it helped! I just thought I might have missed something. You have a lot of great content on your entire channel. Already subscribed! Thanks for all you do!
this really helps a lot for a dummy like me who is really confused when reading the official documentation of ReactJS, been trying to understanding the hook concept from reading the documentation, but still confused about how to use it practically.
I am just wondering that while starting with useEffect hook, the hook was called only twice when you loaded the page. But expected behaviour is: 1. First page render causes useEffect to trigger 2. Axios call returns and updates data. 3. data is changed in the State 4. This triggers another render of the component to update new data variable value. 5. This trigger of render causes call to useEffect a second time. 6. With the useEffect call, the process starts repeating by sending another axios call, which changes data in State, which in turn causes re-render of the component. This should trigger another call to useEffect and thus the application should be stuck in a perpetual loop. But what we see is that it stops after 2 runs. Any explanation about it?
I'd love to know what's the name of the autocomplete extension that suggests code completion as you type. Tried to search for it all over, and couldn't find anything. Thanks plenty either way :)
@@PedroTechnologies off course i will finish it, your explanation is complete and easy to understand. and also i am learning to implement relation database with react.
@@PedroTechnologies the font you are using is perfect.. and the other colors work for me except that one.. the background color you have is pretty similar to the one I have.. for my font colors I usually use shades of blue, yellow, green and white (never red, or redish pinks or colors with no contrast) --- 5-10% of the population in the USA is estimated to be color blind
Thank you very much for sharing this. However, I have been trying out your method in the useImperative Hook to import the Child Button component into the Parent Component but it creates two buttons on the display in my browser. The same applies to the useContext hook. But it doesn't appear that way in your tutorial. I'd like to know if there's something that I am doing wrong that could be causing this.
Thank you so much for this great tutorial. I'm wondering why I can't just use the useEffect hook and pass the data as dependency instead of using the useMemo hook. It appears to do the same thing. Any thought on that?
In the example shown in the useReducer hook, what is the need for using two case values in switch(Increment,toggleShowText), we can use one thing. return({count:state.count+1,boolValue:!state.boolValue});
Hi Pedro, thank you for your video. If possible, please make videos about async/await and Redux Saga. Because async/await is cleaner than Promise and then/catch. I have a feel that Redux Saga, which uses async/await will win over normal Redux to manage the redux store when the store size become massive. Just want to shape myself to use Redux Saga from now on for long-term good. Hope to hear from you. G'day
Hi , I am not able to understand the sign given after setUserName in the login.js file; Please help me for the same.. const {setUserName}? useContext(FirstContext);
Question: If someone is using the useReducer hook and there are 5 state variables. User will have to pass them for every case in reducer? Is there a way to not write all of them and change just one without affecting others? Also, which extension are you using for autocomplete? It's dope.
I have an interesting story regarding LayoutEffect. Since its not widely used I used useEffect in my app and got a problem when I needed to render stuff before the page is shown to the user. I made a horrendous overlycomplicated useEffect for that task and then several months later stumbled upon this video only to realize that using Layout Effect would allow me to do this using couple strings and 5 minutes of time! Live and learn...
8. UseMemo hook : Here while calling API in useEffect hook, there itself in dependency array we could have passed data state . So, whenever page rerenders useEffect will not be called as the data state doesn't change ?
