This is the most comprehensive course on React I've ever seen. After going through the whole video on youtube, I decided to buy the course to support the author. Thank you, John!
what i really appriciate about this course is that John deleted every file (except for index.js ofc) in the beggining. I always lose myself in these files and he really explains everything very slowly, which is very beginner friendly. Thank you for that John!
Oh my god! I have to admit, I spent nearly a month watching this tutorial until today. I finally ended watching the best React course available on RUclips! Really sir, thank you so much for making this informative content available for free!!! You are an awesome teacher.
I learnt it in 5 days lol and I got it done. Even though I've been learning react for 1 month 😂😂 learning this made me understand some things tho. If you don't understand Javascript you can't understand react, make sure you learn javascript first before coming here to be honest with you. This man is my best tutor. I have his videos all over. For css, for node js and react too. His voice is a magic in the mind. Any time I listen to his voice, I will surely download his video. I have 7 videos of him I don't joke my life with him. Best ever followed by Bob ziroll
Small tip for people who might get stuck in a place where I got stuck -- After downloading or cloning the react-advanced project from the github repository, before putting the npm install command it would be better to put the npm update command, as that will update all the packages mentioned in the json files to their latest versions. Without the update, the react development server might not launch (didn't launch for me at least :p) This is a wonderful tutorial. I'm refreshing my advanced react concepts while watching this video and simultaneously doing the project video as well. Keep up the amazing work!
I just finished this 10 hour course. This was the best REACT course, and honestly, best coding course. It was fast, but informative. It touched on all the key points, and it even dove deeper into some advanced topics. I feel like I could apply for Facebook after having taken this course lol.
It took me about 3 - 4 hours on the 3x speed. Most of the concepts are familiar to me from Angular, so I've got a quick catch. Tomorrow is my first day as a react frontend developer :^)
@@Nikage23 hey man I'm an angular developer and I want to learn a more lightweight framework for front end development because I think angular is quite an overkill for small projects and I just wanna develop for a hobby. My question is, do you think react is easy enough and well enough to transition from angular?
hey hi I know python and CPP and learning DSA from last 5 months now I wants to start web development would you please guide me from whom I learn html CSS and JavaScript means there are lot of best Courses by Colt steel , Angela u, and Brad traversy and Coding ninja and coding blocks ALSO have the courses of web development and many more tutors please tell me from whom I start learning front end. Or please tell me From where you have learned front end development 🙏🏼
@@suddierobots bro, in general, I agree that angular is an overkill for small projects. But the question is quite subjective because there is no silver bullet. Any of the frameworks have its drawbacks. Just give them a try. I'd recommend checkout react, vue or svelte. In any case it depends on your goals.
after three months I'm finishing this course and it's great, I went through depression, anxiety and so many other problems, but today I'm finishing this course.
This is not an ordinary React course RUclips full of. This is all-inclusive JS + React course with a lot of explanations, repetitive explanations I have to underline it, which is the best for beginners! I learned a lot about JavaScript here, not only about React. And also the mentor never skips parts needed to be explained, on the contrary, he explains every little fraction of the theory! Kudos! Thanks!
Started this course like 4/5 months ago as another top commenter guy said, went through some harsh moments, some happy days, some lazy days, and some heartbreaking days. That's just how life really is. Looking back, I am so much mature now. Thank you coach
The absolute best course out there on the internet you can find for react. Just finished watching it and I have to say it was worth watching every minute. A combo of epic explanation and coding A big thank you to @Coding Addict
@@shivanigaddagimath5994 You know, i just have ended my journey of learn react with just this course, cuz the others things as redux i can learnt it with documentation. Just do some complex projects for practice and that's it.
2 hours into it and I would say this is definitely one of the most easy-to-follow React tutorials. Much more beginner friendly than some paid courses on Udemy.
This has to be one of the best tutorials I have seen in a while. I had 0 experience with ReactJS before jumping into this and just being halfway through I feel like I am ready to start building. Thanks a bunch for creating, it helped me tremendously!
Guys! This is the best React Course on YT even though its not 2021 React course. They will teach here the most basic and then go up to advance lecture unlike the other tutorial. This is the best tutorial, the best way to learn, and it is a beginner friendly
this is infact the best react course that anyone can find. i completed in 15 days. giving one hour daily is very easy and anyone could do it. so if anyone is shaky about the course, dont be, just do it.
Amazing tutorial. The learning path is so logical and smooth that the learner neither loses the interest nor the track. For the first time ever I completed the whole video. it's far better than some of the paid tutorials on Udemy. Thanks a lot, John for such a wonderful tutorial. I will definitely check out your other tutorials.
I agree with you. I have paid for this course on udemy for over a year now and i have not completed it. The lecturer is so boring and whole thing is so confusing
Waaw finally I am finishing this incredible tutorial I don't know how to thank by words. And I can't express words how much happy I am. Through learning this course I faced a lot of anxiety,stress but finally I finished this course strongly first I wanna thank Allah and second I wanna thank join smilga for sharing us this incredible knowledge he has. Before I leave let me tell you something free code camp is absolutely a beast 💪 good luck and wish you all the best from Somalia 🇸🇴❤.
Shake and Bake. The best tutorial for beginners out there. I have watched tutorials of some famous trainers, but this made a difference in my understanding of concepts. Absolute gem.
thanks to the creator. I always wanted to change my working tech stack to MERN. I found this video on react and his video on node they both helped me to clear my mern concepts and now I have two Job offers and still under the process for the 3rd one. Guys just follow the video and do a hands on practice it will certainly boost for all of who wants to learn MERN. Nice work creator and good luck to viewers.
This was an amazing tutorial, I started it way back in November last year. It was slow learning but the course was delivered in such a clear concise manner. John is an amazing tutor and one that has a natural ability to teach. This course is far from outdated and is truly worth doing.
Awesome tutorial! Most other tutorials skip over important pitfalls, which slows down learning a lot. But John Smilga explains everything in a way that you have enough background knowledge to approach problems.
After 4 years strictly working with Angular i wanted to know what the React is about. And I found this. As an old-timer i tip my hat to the chef. Well done .Now i know why React is more popular and will continue my journey as Angular developer.. I stop here and thanks again fir this amazing learning tool.
Wow, this course has taught me to have more confidence in myself. I originally didn't think I'd understand React. You were able to break through my learning curve. You're a great teacher. Thanks!
If you're having a problem getting the starter project running, this was how I did mine... After cloning from the GitHub repository... Firstly, I updated the "package.json" file to equal values with a recent project I was working on. Just copy and paste. Example: I manually changed the react version to this value: "react": "^17.0.2". Not from the terminal. Did so with the rest. Secondly, I deleted the "package-lock.json" from the project(the starter project). Thirdly, I ran the command "npm install" on the terminal. After that, I ran "npm start" to launch the server. End. I hope these steps help you.
These 10 hours are literally like a dream coming true ! Amazing and simple ways to explain complex things, love the examples, and how you approach explaining passing arguments.
THis person is very very good. Takes time to give indepth explanations which explain "the why's". He definetly knows what he is talking about. THanks. Already followed coding addict if not would have earned a follow.
The simplicity and clarity of this tutorial is unmatched. I particularly love how John explains the rationale behind certain design patterns, it makes learning complete. Thank you John Smilga.
@@ezenwobipaschal1478 Thanks for reaching out. I did not encounter any major change that was unbearable. I also used Typescript which definitely increased the debugging, but was also helpful in identifying unsupported features (I can only remember the "exact" attribute of the react router dom being deprecated). If you want to learn advance react, please don't hesitate to take this course. If it helps, you should consider the possibilities of features breaking as an opportunity to learn how to work with different versions of React. Enjoy learning.
I was checking different videos and sites to get my head around React. This is the most accurate and detailed source I have ever found. Once I will land my first job contributing to keeping this community alive. Remember always return something :)
As a self taught programmer I always thought React would be hard but half way through the video I realize that its just Javascript with special features. For people just starting out, take your time with JS ,especially ES6. Build a lot of projects with John then study React. Thank you so much for providing this course for free John. I truly appreciate you. I will buy this course when I get a job. Inshallah.
As a person who was already a developer (but has just gotten into web development,) this course was very informative. It covered core basic and advanced concepts with *amazing* efficiency I have only ever seen taught here. Don't get me wrong, the documentation for REACT is amazing, but I'm more of a learning-by-doing person. Learning REACT this way has been a lot better than struggling to read the documentation.
I tried to learn react from paid courses ( udemy, udacity) but I always struggled with the fundamentals , they teach you how to code along with them but they never explained the logic on how to think in react , this free course filled that gap and I feel like I should have never wasted my money on those courses , Thank you and looking forward to do other courses from this channel.
This is the best course for ReactJS available on RUclips. Yes, it is 10hrs long, but you need to give your time to learn something from the basic fundamental levels. This course covers everything related to React and if you follow this video diligently, I am sure you will clear all your fundamentals regarding React.
@@lakshmansamanth You need to focus on this video, it will clear your basics and the basic understanding on how to work with React. But to get better, you need to practice on your own and start with few projects. Before going into React, I suggest you to be strong at JS !
Self Note:- 4:03 You can't call react hooks conditionally (inside if else) useEffect 5:01:00 :- // by default runs after every re-render // cleanup function // second parameter dependency list which is the second arg of useEffect( ) runs only on first render if it is empty. 6:18:30 importance of cleanup function apart from [ ]
Same, after just 4 hours I feel like I'm listening to a really close friend that I've known for a lifetime and not just some random guy on the Internet
After reading comments. I am watching this ...let see how it goes for me. This tutorial is by far the most interesting one I can get to. Still going on.... can't finish in one day of course. Highly recommended. Now at the end of this video. I had great learning from this video. I would want more projects. Thankyou
The best course on React on youtube!! I've been through alot of React courses on this website, but this is so far the best I've come across.... Perfect timing, perfect planning and execution! Perfectly curated examples as well! Hats off to instructor!
Shaun Pelling and Angela Yu are 2 of the best with regards to these types of tutorial. I bought their courses from Udemy, now I'm learning from this guy John Smilga to see if there is some gaps on my learning.
If you're doing this tutorial in 2024 and beyond, you need to use Node v16 for the advanced tutorial! Otherwise you'll get an error when using npm start
if you are in 2022, there has been an update to React 18 which divided your ReactDom into 2 things. React docs show them as: 1. const container = document.getElementById('root'); 2. const root = createRoot(container); so then, you just refer to your past ReactDom.render as root.render. You also need to: import { createRoot } from 'react-dom/client'; at the begining of your index.js file
Bro can you help me with react starter overview , i can't execute the files when I do npm start , it's says that some of the files of node module does not support.
@@uttamvashisth4072 you need to provide steps that you have already accomplished. Make sure you are inside of your folder when you run all your CLI commands, also you need to follow exact commands when creating a "create react app" 35:17 . Try running the commands in your VS code CLI and then normal CLI if it does not work
It has been roughly 11 days, completely watched the video while side by side doing the setup file coding, I may have to revisit some hard to understand topics like useReducer, useRef, useEffect's second parameter, forms....... besides this everything worked really great or me...Thanks once again.☺☺
best course ever on React i swear this is insane, i'm learning it and my goal is to get a job as fast as possible and thanks to you, i know that this day will happen soon ! Shoutout from France ! Good luck everybody !
this is the hands down best react tutorial i've ever come across, i was literally confused about useState hook and he explained it so beautifully. Looking forward to buy his udemy course
@@amans6504 Good to know that Aman! Are you open to job opportunities in web development currently? If you are, kindly connect with me using the contact information mentioned in my channel.
The first time in my life.. I watch a tutorial of 10 hours, and planning to rewatch it again and make it as a React Reference! LOVE IT Everything was clear, step by step, + React Projects Video, just the BOMB.. LOVE IT REALLY THAANKS
This has been really incredible and has added so much courage and hope on my journey to being a software developer. Thank you very much John Smilga, I really appreciate the hard work and dedication you put into this.
What a great course! I'm impressed on how John explained a lot in a very clear and simple way (even stuff that I found confusing when I first saw it). Thanks for your work and effort, keep it up!
9:52:38 The issue is not with the clicking of AddToCart button , you should have shown on click of Count button that we are rerendering BigList because that is the problem we are solving here. Though later at 9:57:19 you agree Add To Cart button does rerender normally as expected and the rerender problem with Count button is fixed. This caused some confusion, appreciate if this can be taken care.
Well explained video for new learners. I appreciate your effort to get into every small detail step by step. Those who finished the entire video what approaches you took? I started to practice along with the video but then lost the focus.
Coming from a full stack developer, this course is amazing, thank you! However, I would say that it could be confusing for beginners and if you’re new to development you might want to study JavaScript and HTML beforehand
One of the best react course. The best thing about this course is, it's beginner-friendly. I have learned alot form this course. Thanks john for making this for free.
I built several projects for the last month, after learning your two react courses, it really gave me a strong base knowledge to go ahead and learn react. thank you John
I am a beginner.. only a little bit of experience in C and Python..I have an idea about a project for which I will be building an app..Is this course for building websites or mobile apps? And if this is for websites, then can you suggest me the latest one for mobile apps. Thanks..
@@multimediaworld9537 this one is for websites.... If you want build apps you should learn 'kotlin' .. It is in trend now and if you want something related to react you can also learn 'react native' for app development
@@multimediaworld9537 Well my advise for you it's to learn Flutter with Dart, because it has a so supported community and Google have launched a new version of Flutter that allows you to create apps for web and mobile for IOS and Android. Besides that everything in Flutter is given by widgets so the development is so cool! :)
Thank you John. I finished this Monster of a video tutorial in three sittings and will be using what I learned in practice until I get a job and beyond. You are so generous!
@@shivani9840 hi, tried to reply twice but my comment get removed by YT I am still preparing and can make broken projects in react. I believe may take two more months. However i have solid understanding of css and designs.i can share my GitHub profile but youtube algorithm remove the comment.
1st Day:- 2:52:00 (24/12/2021) 2nd Day:- 3:33:00 (25/12/2021) 3rd Day :- 4:23:00 (26/12/2021) 4th Day :- 7:53:00 (27/12/2021) 5th Day :- 8:55:48 (28/12/2021) 6th Day :- Finally completed and moving ahead to project session (29/12/2021) 😊 Thankyou John Smilga 💖 p.s:- John please Update the React Router Part... in v6 version it doesn't work what is in this video so kindly make a separate video for that other than that all things in this course work fine......
hey! could you please answer me if the course is outdated or all the libraries are still valid? Also, Do I need any knowledge of React to start this course or is it really for absolute beginners?
@@priteshsoni3891 no it is not outdated it is perfect....for beginners you have must knowledge of HTML CSS and JavaScript with ES-6 features if this is clear you are free to go with it....
@@SyedAli-kr6qw Calm down man. I know, It's difficult to find such a content for free. However talking about the headache issue, it is really happened with me and I just shared it, eventually after listening for few days I got used to it.
If you have problems with hot-reload, and your react page doesn't update automatically with any changes, but the npm server compiles it without any errors, you can create a file named ".env" in the root project directory (where you hgave src folder, public folder ect), and you wanna write "FAST_REFRESH=false" into this new file. tags for ctrl+f search: react hot reload not working react page not updating on save react page not updating automatically react page not refreshing issue
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](/img/tr.png)
Freecodecamp be like "Here is how to build Boeing 737 in 100 hours".
Thank you, your work is valued and appreciated :)
Lol
haahhahahhah
Lmao
Well at least they showed how to build Boeing 733 quickly. (I mean in real life it would take months to build.)
@@sohhamrane5564 hopefully it doesn’t crash
This is the most comprehensive course on React I've ever seen. After going through the whole video on youtube, I decided to buy the course to support the author. Thank you, John!
Me Too :)
where can I find the course for purchasing?
@@tusharkadian on Udemy
@@akonnaayaab oh thanks!
Im new to reactjs is this tutorial still relevant in 2021?
what i really appriciate about this course is that John deleted every file (except for index.js ofc) in the beggining. I always lose myself in these files and he really explains everything very slowly, which is very beginner friendly.
Thank you for that John!
Oh my god! I have to admit, I spent nearly a month watching this tutorial until today. I finally ended watching the best React course available on RUclips! Really sir, thank you so much for making this informative content available for free!!! You are an awesome teacher.
Hey Atharva! Are you a student or working currently? Are you open to full-time roles in web development?
I learnt it in 5 days lol and I got it done. Even though I've been learning react for 1 month 😂😂 learning this made me understand some things tho. If you don't understand Javascript you can't understand react, make sure you learn javascript first before coming here to be honest with you. This man is my best tutor. I have his videos all over. For css, for node js and react too. His voice is a magic in the mind. Any time I listen to his voice, I will surely download his video. I have 7 videos of him I don't joke my life with him. Best ever followed by Bob ziroll
Small tip for people who might get stuck in a place where I got stuck -- After downloading or cloning the react-advanced project from the github repository, before putting the npm install command it would be better to put the npm update command, as that will update all the packages mentioned in the json files to their latest versions. Without the update, the react development server might not launch (didn't launch for me at least :p)
This is a wonderful tutorial. I'm refreshing my advanced react concepts while watching this video and simultaneously doing the project video as well. Keep up the amazing work!
Thank you very much. i also got stuck at same point, n was searching for answer on stack overflow n all..... then found your comment. thank you.
thanks men
This comment should be pinned.
Thanks you're a livesaver!
I just finished this 10 hour course. This was the best REACT course, and honestly, best coding course. It was fast, but informative. It touched on all the key points, and it even dove deeper into some advanced topics. I feel like I could apply for Facebook after having taken this course lol.
how much time it took?
It took me about 3 - 4 hours on the 3x speed. Most of the concepts are familiar to me from Angular, so I've got a quick catch. Tomorrow is my first day as a react frontend developer :^)
@@Nikage23 hey man I'm an angular developer and I want to learn a more lightweight framework for front end development because I think angular is quite an overkill for small projects and I just wanna develop for a hobby. My question is, do you think react is easy enough and well enough to transition from angular?
hey hi I know python and CPP and learning DSA from last 5 months now I wants to start web development would you please guide me from whom I learn html CSS and JavaScript means there are lot of best Courses by Colt steel , Angela u, and Brad traversy and Coding ninja and coding blocks ALSO have the courses of web development and many more tutors please tell me from whom I start learning front end. Or please tell me From where you have learned front end development 🙏🏼
@@suddierobots bro, in general, I agree that angular is an overkill for small projects. But the question is quite subjective because there is no silver bullet. Any of the frameworks have its drawbacks. Just give them a try. I'd recommend checkout react, vue or svelte. In any case it depends on your goals.
after three months I'm finishing this course and it's great, I went through depression, anxiety and so many other problems, but today I'm finishing this course.
This is not an ordinary React course RUclips full of. This is all-inclusive JS + React course with a lot of explanations, repetitive explanations I have to underline it, which is the best for beginners! I learned a lot about JavaScript here, not only about React. And also the mentor never skips parts needed to be explained, on the contrary, he explains every little fraction of the theory! Kudos! Thanks!
Started this course like 4/5 months ago as another top commenter guy said, went through some harsh moments, some happy days, some lazy days, and some heartbreaking days. That's just how life really is. Looking back, I am so much mature now. Thank you coach
The absolute best course out there on the internet you can find for react. Just finished watching it and I have to say it was worth watching every minute. A combo of epic explanation and coding A big thank you to @Coding Addict
Hi Ishaan, how many tutorials in react have you done? Are you a fresher in web development and looking to explore opportunities in the same?
@@shivanigaddagimath5994 You know, i just have ended my journey of learn react with just this course, cuz the others things as redux i can learnt it with documentation.
Just do some complex projects for practice and that's it.
@@shivanigaddagimath5994 bro source code can I get of this
2 hours into it and I would say this is definitely one of the most easy-to-follow React tutorials. Much more beginner friendly than some paid courses on Udemy.
This has to be one of the best tutorials I have seen in a while. I had 0 experience with ReactJS before jumping into this and just being halfway through I feel like I am ready to start building. Thanks a bunch for creating, it helped me tremendously!
Bro source code of this rep
Guys! This is the best React Course on YT even though its not 2021 React course. They will teach here the most basic and then go up to advance lecture unlike the other tutorial. This is the best tutorial, the best way to learn, and it is a beginner friendly
this is infact the best react course that anyone can find. i completed in 15 days. giving one hour daily is very easy and anyone could do it. so if anyone is shaky about the course, dont be, just do it.
Amazing tutorial. The learning path is so logical and smooth that the learner neither loses the interest nor the track. For the first time ever I completed the whole video. it's far better than some of the paid tutorials on Udemy. Thanks a lot, John for such a wonderful tutorial. I will definitely check out your other tutorials.
Agree
I agree with you. I have paid for this course on udemy for over a year now and i have not completed it. The lecturer is so boring and whole thing is so confusing
I came here because I couldn't understand one of udemy courses )
@@shamsiddin6395 which course was that?
i found this content extremely informative. after a while its hard not to imagine Al pacino narrating this. 5 stars for content
i thought i was the only one :)
Waaw finally I am finishing this incredible tutorial I don't know how to thank by words. And I can't express words how much happy I am. Through learning this course I faced a lot of anxiety,stress but finally I finished this course strongly first I wanna thank Allah and second I wanna thank join smilga for sharing us this incredible knowledge he has. Before I leave let me tell you something free code camp is absolutely a beast 💪 good luck and wish you all the best from Somalia 🇸🇴❤.
😢 i starting it now i pray to finish it
Shake and Bake. The best tutorial for beginners out there. I have watched tutorials of some famous trainers, but this made a difference in my understanding of concepts. Absolute gem.
thanks to the creator. I always wanted to change my working tech stack to MERN.
I found this video on react and his video on node they both helped me to clear my mern concepts and now I have two Job offers and still under the process for the 3rd one.
Guys just follow the video and do a hands on practice it will certainly boost for all of who wants to learn MERN.
Nice work creator and good luck to viewers.
You are a pro teacher in React. I didn't see someone like you before.
Not only react bro he is good at anything he teaches
@@syedzubairhussaini333 his name please ?
@@ganeshmalisetty4914 jhon Smilga
This was an amazing tutorial, I started it way back in November last year. It was slow learning but the course was delivered in such a clear concise manner.
John is an amazing tutor and one that has a natural ability to teach. This course is far from outdated and is truly worth doing.
Awesome tutorial! Most other tutorials skip over important pitfalls, which slows down learning a lot. But John Smilga explains everything in a way that you have enough background knowledge to approach problems.
After 4 years strictly working with Angular i wanted to know what the React is about. And I found this. As an old-timer i tip my hat to the chef. Well done .Now i know why React is more popular and will continue my journey as Angular developer.. I stop here and thanks again fir this amazing learning tool.
The best course by far. The author doesn't assume that the viewer knows every side technology that is mentioned and explains it.
Really really thank you. Your tone patience humor just made it easy for me to learn here 🙏
This is literally the best tutorial I ever seen. No matter the topic. I would love to see John approach for react-native.
me too I would love to see react-native videos from @John Smilga (@Coding Addict)
Wow, this course has taught me to have more confidence in myself. I originally didn't think I'd understand React. You were able to break through my learning curve. You're a great teacher. Thanks!
just finished the course - took 2 weeks but wow, learnt a lot hopefully will finish the projects now and keep grinding
If you're having a problem getting the starter project running, this was how I did mine...
After cloning from the GitHub repository...
Firstly, I updated the "package.json" file to equal values with a recent project I was working on. Just copy and paste.
Example: I manually changed the react version to this value: "react": "^17.0.2". Not from the terminal. Did so with the rest.
Secondly, I deleted the "package-lock.json" from the project(the starter project).
Thirdly, I ran the command "npm install" on the terminal.
After that, I ran "npm start" to launch the server.
End.
I hope these steps help you.
Thank you so much, my friend (:
These 10 hours are literally like a dream coming true ! Amazing and simple ways to explain complex things, love the examples, and how you approach explaining passing arguments.
Almost half way through the course. This is by far the best React Course online I've found. Thank you Sir, for all of your hard works!
The best tutorial on react js available in the internet. John smilga
10 hrs of pure gold content 🔥🔥
Better than udemy?
@@SanjayAdkar this video is all you need to get started with react.
@@lol-xr9fd is this video good for total beginners in react too?
@@milanpoudel3348 yes
THis person is very very good. Takes time to give indepth explanations which explain "the why's". He definetly knows what he is talking about. THanks. Already followed coding addict if not would have earned a follow.
The simplicity and clarity of this tutorial is unmatched. I particularly love how John explains the rationale behind certain design patterns, it makes learning complete. Thank you John Smilga.
Hey, I see you competed the course quite recently. How did you get on with the advanced react version with the whole update issue?
@@ezenwobipaschal1478
Thanks for reaching out.
I did not encounter any major change that was unbearable. I also used Typescript which definitely increased the debugging, but was also helpful in identifying unsupported features (I can only remember the "exact" attribute of the react router dom being deprecated).
If you want to learn advance react, please don't hesitate to take this course.
If it helps, you should consider the possibilities of features breaking as an opportunity to learn how to work with different versions of React.
Enjoy learning.
@@shugabawuta281 Thank you very much
Thank you, John. I started learning React from this course of yours and today have completed the course.
this course also for beginners
@@adamsandler7406 yes, but you need to have knowledge of JavaScript.
@@panchaksharipm3988 THANKYOU
This is a pure gem. From a complete newbie in React!
How are you doing with React now bro?
two hours into this and seeing react in a whole new light, thank you.
I was checking different videos and sites to get my head around React. This is the most accurate and detailed source I have ever found. Once I will land my first job contributing to keeping this community alive. Remember always return something :)
As a self taught programmer I always thought React would be hard but half way through the video I realize that its just Javascript with special features. For people just starting out, take your time with JS ,especially ES6. Build a lot of projects with John then study React.
Thank you so much for providing this course for free John. I truly appreciate you. I will buy this course when I get a job. Inshallah.
As a person who was already a developer (but has just gotten into web development,) this course was very informative. It covered core basic and advanced concepts with *amazing* efficiency I have only ever seen taught here. Don't get me wrong, the documentation for REACT is amazing, but I'm more of a learning-by-doing person. Learning REACT this way has been a lot better than struggling to read the documentation.
I tried to learn react from paid courses ( udemy, udacity) but I always struggled with the fundamentals , they teach you how to code along with them but they never explained the logic on how to think in react , this free course filled that gap and I feel like I should have never wasted my money on those courses , Thank you and looking forward to do other courses from this channel.
This is the best course for ReactJS available on RUclips. Yes, it is 10hrs long, but you need to give your time to learn something from the basic fundamental levels.
This course covers everything related to React and if you follow this video diligently, I am sure you will clear all your fundamentals regarding React.
I am new to react, do I have to take some beginners course before doing this?
@@lakshmansamanth You need to focus on this video, it will clear your basics and the basic understanding on how to work with React. But to get better, you need to practice on your own and start with few projects.
Before going into React, I suggest you to be strong at JS !
@@sibasishsinha okay thanks very much
YOUR MOTHER
This is a real tutorial - building up right from the beginning, slow paced. Thank you John.
Self Note:- 4:03 You can't call react hooks conditionally (inside if else)
useEffect 5:01:00 :- // by default runs after every re-render
// cleanup function
// second parameter
dependency list which is the second arg of useEffect( ) runs only on first render if it is empty.
6:18:30 importance of cleanup function apart from [ ]
I gotta admit: after sharing ten hours with this man I expected a goodbye at the end.
Ps: I think I'm gonna use "From the scratch" from now on
Even I expected it, I completed it right now....
Same, after just 4 hours I feel like I'm listening to a really close friend that I've known for a lifetime and not just some random guy on the Internet
same
To me it seems he has 0 interest in this course
@@reservecrate Lol same.. even if I hate React.. feels so old
I just love how you explain things, and especially paying attention to small details wins this course for me! Amazing work!
A big thank you!
After reading comments.
I am watching this ...let see how it goes for me.
This tutorial is by far the most interesting one I can get to.
Still going on.... can't finish in one day of course.
Highly recommended.
Now at the end of this video.
I had great learning from this video.
I would want more projects.
Thankyou
The best course on React on youtube!! I've been through alot of React courses on this website, but this is so far the best I've come across.... Perfect timing, perfect planning and execution! Perfectly curated examples as well! Hats off to instructor!
Hey can you tell me what would be the prerequisites to follow this course and should one take this course if he is a beginner to React completely?
This guy has some of the best tutorials on line. Learned aloft from his stuff.
Shaun Pelling and Angela Yu are 2 of the best with regards to these types of tutorial. I bought their courses from Udemy, now I'm learning from this guy John Smilga to see if there is some gaps on my learning.
@@CAPS_AMERICA Will have to check out Shaun. Lol, I have all of Angela's classes.
@@CodingAfterThirty Check Shaun's playlist here in YT.
This is the most complete React tutorial I've found so far. Great content.
If you're doing this tutorial in 2024 and beyond, you need to use Node v16 for the advanced tutorial! Otherwise you'll get an error when using npm start
Just finished it watching . Undoubtedly best course ever
This video is a must must must must must when you really want to understand React!
ok
Too many must bro
if you are in 2022, there has been an update to React 18 which divided your ReactDom into 2 things. React docs show them as:
1. const container = document.getElementById('root');
2. const root = createRoot(container);
so then, you just refer to your past ReactDom.render as root.render. You also need to: import { createRoot } from 'react-dom/client'; at the begining of your index.js file
Bro can you help me with react starter overview , i can't execute the files when I do npm start , it's says that some of the files of node module does not support.
@@uttamvashisth4072 you need to provide steps that you have already accomplished. Make sure you are inside of your folder when you run all your CLI commands, also you need to follow exact commands when creating a "create react app" 35:17 . Try running the commands in your VS code CLI and then normal CLI if it does not work
This was like a full semester course with every details. Thanks a lot.
Hi Rahul! Are you a fresher in web development and looking for job opportunities in the same currently?
It has been roughly 11 days, completely watched the video while side by side doing the setup file coding, I may have to revisit some hard to understand topics like useReducer, useRef, useEffect's second parameter, forms.......
besides this everything worked really great or me...Thanks once again.☺☺
best course ever on React i swear this is insane, i'm learning it and my goal is to get a job as fast as possible and thanks to you, i know that this day will happen soon ! Shoutout from France ! Good luck everybody !
With Al Pacino narrating this I had no other choice but to learn React
I got used to of his soothing voice
Laughing so hard to it that cannot to React! :p
ASMR React course
Just starting out, teacher's voice is so calm and easy to understand! Loving it
this is the hands down best react tutorial i've ever come across, i was literally confused about useState hook and he explained it so beautifully. Looking forward to buy his udemy course
Hi Aman, how many tutorials in web development have you completed? Are you a fresher and interested in exploring job opportunities in web development?
@@shivanigaddagimath5994 yup it is been 6 months, I'm pretty confident in SPAs now, i learned about backend as well
@@amans6504 Good to know that Aman! Are you open to job opportunities in web development currently? If you are, kindly connect with me using the contact information mentioned in my channel.
I will highly recommend this video to anyone, even a pupil will understand React after watching this video.
The first time in my life.. I watch a tutorial of 10 hours, and planning to rewatch it again and make it as a React Reference! LOVE IT
Everything was clear, step by step, + React Projects Video, just the BOMB.. LOVE IT REALLY THAANKS
I cant find words to express my overwhelming emotions.
the free hosting facility designating here , i wished for years
this is true
Hello Vasanth, good to know that you're find this useful. How long have you been learning web development for? Are you a fresher?
This has been really incredible and has added so much courage and hope on my journey to being a software developer. Thank you very much John Smilga, I really appreciate the hard work and dedication you put into this.
What a great course! I'm impressed on how John explained a lot in a very clear and simple way (even stuff that I found confusing when I first saw it). Thanks for your work and effort, keep it up!
I'm doing a job interview and it requires me to know React, they gave me a bit of time to learn it so this is awesome. Thanks for this vid!
9:52:38 The issue is not with the clicking of AddToCart button , you should have shown on click of Count button that we are rerendering BigList because that is the problem we are solving here. Though later at 9:57:19 you agree Add To Cart button does rerender normally as expected and the rerender problem with Count button is fixed. This caused some confusion, appreciate if this can be taken care.
im still learning Css.
but i will save this to my playlist .Thank you for this video🙏God bless you
The only thing I'm mad about is that I'm just now finding out about this release on 10/26/2020 LOL. This is gold!
Oh you're not the last person to discover it and I can assure you we are all as mad or more than you were 😆😅
Sir ur voice is very addictive, after watching like 4 hrs at a go i am now talking like you lol
Watched 3hrs straight with 2x speed. This is an amazing tutorial. I'll come back to finish it.
To anyone finishing this video I highly recommend doing the project video too. Thanks coding addict.
This is probably the first and only time in my life that I'll ever forgive someone for using Comic Sans in their slides.
Well explained video for new learners. I appreciate your effort to get into every small detail step by step. Those who finished the entire video what approaches you took? I started to practice along with the video but then lost the focus.
Coming from a full stack developer, this course is amazing, thank you! However, I would say that it could be confusing for beginners and if you’re new to development you might want to study JavaScript and HTML beforehand
Obviously a completely noob should not go to any libraries before learning basic JavaScript, html, and CSS.
One of the best react course. The best thing about this course is, it's beginner-friendly. I have learned alot form this course. Thanks john for making this for free.
I completed this video in 1 Month! - What a work of art. Thanks
I built several projects for the last month, after learning your two react courses, it really gave me a strong base knowledge to go ahead and learn react. thank you John
Where can i find the second react course?
@@DeMoNyk121 probably this: ruclips.net/video/a_7Z7C_JCyo/видео.html
2:38:08 "we dont really care about the children" John Smilga 2020
"When we are dealing with children, we will just remove them" - John Smilga 10 seconds later 😂
'Now, we can keep them if you want'
John "Anakin" Smilga they say
2:38:16 "Of course, you can keep them if you want" 😂
@@davidumana6199 hello there
Not bad, not bad! (c).
Exellent tutorials, reminded me my some school teacher who was so strong in explanations. Very cool guy. Thx a lot
Shake and bake
oh bhai isse acha tutorial duniya main nahi milega😍😍💝💝
I heard John's voice and I immediately knew this was gonna be a banger
his voice is funny
@Hugh 1 after 1 hour of this course i get used to it
@Hugh 1 It's the best part. Your loss lmao
7:43:07 -----enough for today....see y`ll tmorw
done....thankyou for this course❤✌
I am a beginner.. only a little bit of experience in C and Python..I have an idea about a project for which I will be building an app..Is this course for building websites or mobile apps? And if this is for websites, then can you suggest me the latest one for mobile apps. Thanks..
@@multimediaworld9537 this one is for websites.... If you want build apps you should learn 'kotlin' .. It is in trend now and if you want something related to react you can also learn 'react native' for app development
@@cryptofxindia thanks..
@@multimediaworld9537 don't go for flavour of the month advise... Look at c# not flavour of month stuff
@@multimediaworld9537 Well my advise for you it's to learn Flutter with Dart, because it has a so supported community and Google have launched a new version of Flutter that allows you to create apps for web and mobile for IOS and Android. Besides that everything in Flutter is given by widgets so the development is so cool! :)
The discontinuous broken jokes between the lectures are totally Awesome😂😂🤣
Thank you John. I finished this Monster of a video tutorial in three sittings and will be using what I learned in practice until I get a job and beyond. You are so generous!
This is the best React course I ever seen. A great teacher.
"big fat errors" - John Smilga 2020
Bananas
now you are in good shape
This man just saved my life : Thanks John ❤❤😍
Hey Rohit, are you a 2021-passout and open to job opportunities in web development currently?
the best 1st hour that I've seen about React. Seeing will be continued ...
John you are gifted with teaching. Students need you very badly. Please never stop.
@@shivani9840 hi, tried to reply twice but my comment get removed by YT I am still preparing and can make broken projects in react. I believe may take two more months. However i have solid understanding of css and designs.i can share my GitHub profile but youtube algorithm remove the comment.
just finished this course and all i can say is beautiful, thank you so much for sharing this content for free.
hey can u explain to me in 3:32:00 what I should do in windows ?
Thanks mate
He is in love with destructuring, lol but love the tutorial thanksssss ❤️
1st Day:- 2:52:00 (24/12/2021)
2nd Day:- 3:33:00 (25/12/2021)
3rd Day :- 4:23:00 (26/12/2021)
4th Day :- 7:53:00 (27/12/2021)
5th Day :- 8:55:48 (28/12/2021)
6th Day :- Finally completed and moving ahead to project session (29/12/2021) 😊
Thankyou John Smilga 💖
p.s:- John please Update the React Router Part... in v6 version it doesn't work what is in this video so kindly make a separate video for that other than that all things in this course work fine......
hey! could you please answer me if the course is outdated or all the libraries are still valid?
Also, Do I need any knowledge of React to start this course or is it really for absolute beginners?
@@priteshsoni3891 no it is not outdated it is perfect....for beginners you have must knowledge of HTML CSS and JavaScript with ES-6 features if this is clear you are free to go with it....
@@ritikraj2629 thank you Ritik for your kind reply. Have a nice day ahead.
@@priteshsoni3891 u too buddy and one more thing bro not need of advanced or pro in js....just clear your concept with es6 features
Warning : after few hours his voice eventually becomes addictive!
I like his voice
I got a headache after listening to his voice for an hour.
@@diptopauldip Bruh. Get out of here then. This knowledge is gold.
@@SyedAli-kr6qw Calm down man. I know, It's difficult to find such a content for free. However talking about the headache issue, it is really happened with me and I just shared it, eventually after listening for few days I got used to it.
@@diptopauldip Well I apologize. You left it hanging in the first comment. Anyways happy coding.
Went through the entire video. I'm really grateful that you took the time to split the concepts into pieces and explained them in detail. Thanks!
Thanks
the 152 dislikes are by developers of angular, vue and other frameworks 😂
Of Course 😂😂😂😂
Ya dudeeee
Svelte as well. (But svelte is pretty cool)
dude chill, no one cares
@@crimsontide4415 seems like 87 people did.
If you have problems with hot-reload, and your react page doesn't update automatically with any changes, but the npm server compiles it without any errors, you can create a file named ".env" in the root project directory (where you hgave src folder, public folder ect), and you wanna write "FAST_REFRESH=false" into this new file.
tags for ctrl+f search:
react hot reload not working
react page not updating on save
react page not updating automatically
react page not refreshing
issue
Thanks bro for this it work
This should be pinned, life saver. thx
You beauty. This is the first working solution I've found for this issue without reverting to react-scripts 3.4.4.