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!
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
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 TH-cam! Really sir, thank you so much for making this informative content available for free!!! You are an awesome teacher.
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.
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 🇸🇴❤.
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.
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.
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
This is not an ordinary React course TH-cam 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!
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!
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
This is the best course for ReactJS available on TH-cam. 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 !
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.
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.
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.
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 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.
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.
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!
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.
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.
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
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 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.
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
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
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 [ ]
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.
@@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.
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
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.
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.
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.
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
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
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!
Terminal commands for Windows. CHDIR - Full pathname to current working directory DIR - List of directories MD - Create a directory/folder CD - Change a directory CD.. - Navigate to parent/ One level up CLS - Clear console Arrow key up/down - Previous commands
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 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 :)
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.
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.
@@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.
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.
@@soumikmukherjee4797 Just basic javascript understanding will do the work. It's completely for beginners but if you are not practicing while watching it, it won't be helpful. You will need to pause the video google some methods, syntax and functionality during the course.
@@sachintank5166 cool... And thnx man for clearing out my doubt. Practicing along with the instructor is really important or else it makes no sense taking up a course.
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 !
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
Fellow programmers - please note: Due to the fast evolving nature of React.js (along with all it's required dependancies, each of which have their own version release) it should be noted at least 40% of this tutorial (as at February 2022) is now out of date. In particular, this is vitally important with regards to passing parameters to Class Components versus Functional Components via react-router-dom. You are strongly advised to use a more up to date tutorial.
@@miloscz This one linked is not as good as John's unfortunately. He uses his own website for compiling and building and he is really all over the place. In the end it took 2.5 hours to build an incredibly basic static site and his explanations jump back and forth repeatedly. Essentially you'll do the same work twice for a simple static example.
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! :)
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....
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.☺☺
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!
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
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 TH-cam! 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?
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.
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
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.
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
Really really thank you. Your tone patience humor just made it easy for me to learn here 🙏
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?
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)
This is not an ordinary React course TH-cam 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!
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
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
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 :)
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
just finished the course - took 2 weeks but wow, learnt a lot hopefully will finish the projects now and keep grinding
This is the best course for ReactJS available on TH-cam. 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
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
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
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 (:
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.
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.
This is a pure gem. From a complete newbie in React!
How are you doing with React now bro?
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 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.
The best course by far. The author doesn't assume that the viewer knows every side technology that is mentioned and explains it.
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!
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.
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!
To anyone finishing this video I highly recommend doing the project video too. Thanks coding addict.
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
two hours into this and seeing react in a whole new light, thank 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.
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
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 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.
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
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
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 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 [ ]
This video is a must must must must must when you really want to understand React!
ok
Too many must bro
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.
@@TH-cam_IS_WOKE Will have to check out Shaun. Lol, I have all of Angela's classes.
@@CodingAfterThirty Check Shaun's playlist here in YT.
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.
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 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?
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!
This is the most complete React tutorial I've found so far. Great content.
Watched 3hrs straight with 2x speed. This is an amazing tutorial. I'll come back to finish it.
I will highly recommend this video to anyone, even a pupil will understand React after watching this video.
Just starting out, teacher's voice is so calm and easy to understand! Loving it
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.
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.
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
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.
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?
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: th-cam.com/video/a_7Z7C_JCyo/w-d-xo.html
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.
This is the best React course I ever seen. A great teacher.
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?
im still learning Css.
but i will save this to my playlist .Thank you for this video🙏God bless you
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
Sir ur voice is very addictive, after watching like 4 hrs at a go i am now talking like you lol
This was best ever react course i have ever seen on REACT. Really appreciative.
Thanks for feedback😊
Terminal commands for Windows.
CHDIR - Full pathname to current working directory
DIR - List of directories
MD - Create a directory/folder
CD - Change a directory
CD.. - Navigate to parent/ One level up
CLS - Clear console
Arrow key up/down - Previous commands
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 😆😅
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!
This is probably the first and only time in my life that I'll ever forgive someone for using Comic Sans in their slides.
oh bhai isse acha tutorial duniya main nahi milega😍😍💝💝
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 :)
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.
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.
"big fat errors" - John Smilga 2020
Bananas
now you are in good shape
About to finish this course ! Thankyou so much for this! I went from 0 to almost pro in 5days.
This is the most comprehensive course on react hooks. Every concept is explained clearly. This course is best to learn react hooks.
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
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.
This man just saved my life : Thanks John ❤❤😍
Hey Rohit, are you a 2021-passout and open to job opportunities in web development currently?
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.
It took me one month to finish this tutorial with practice. It's totally worth to watch. Helped me a lot. Thanks❤️
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?
@@soumikmukherjee4797 Just basic javascript understanding will do the work. It's completely for beginners but if you are not practicing while watching it, it won't be helpful. You will need to pause the video google some methods, syntax and functionality during the course.
@@sachintank5166 cool... And thnx man for clearing out my doubt. Practicing along with the instructor is really important or else it makes no sense taking up a course.
The discontinuous broken jokes between the lectures are totally Awesome😂😂🤣
the best 1st hour that I've seen about React. Seeing will be continued ...
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.
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 !
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
Fellow programmers - please note: Due to the fast evolving nature of React.js (along with all it's required dependancies, each of which have their own version release) it should be noted at least 40% of this tutorial (as at February 2022) is now out of date. In particular, this is vitally important with regards to passing parameters to Class Components versus Functional Components via react-router-dom. You are strongly advised to use a more up to date tutorial.
@@enz1 *New React Course from freeCodeCamp:*
th-cam.com/video/bMknfKXIFA8/w-d-xo.html
so this tutorial wouldn't be useful?? :/ i already finished 5 hours of it ,do u think i should stop??
@@miloscz This one linked is not as good as John's unfortunately. He uses his own website for compiling and building and he is really all over the place. In the end it took 2.5 hours to build an incredibly basic static site and his explanations jump back and forth repeatedly. Essentially you'll do the same work twice for a simple static example.
Which tutorial do you recommend?
@@saifhalab7877 🤣🤣
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! :)
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
I completed this video in 1 Month! - What a work of art. Thanks
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.☺☺
He is in love with destructuring, lol but love the tutorial thanksssss ❤️
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
If you watch this in 1.25 speed, you can complete this in 7 or 8 hours.
But what about assignments ?
Binge watching ain't same as learning
Starting from 6th May.. Completed 1hour.. Great Course.. See you tomorrow again !!