Learn React by Building an eCommerce Site - Tutorial
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
Web
Hello, I am Harsha, Instructor for this React course. Thank you for your interest in this course.
These are 3 reasons why should you learn 'class components' still.-
1) Many Enterprises still use class components-based react projects; they need people who understand, manage, update, support those projects.-
2) In many React interviews, they still ask few questions regarding class components - expecting you should have a background of 'class components' also - apart from functional components.-
3) For react beginners, it is very easy to understand many concepts like state, props etc., in class components.-
Once they are good enough in class components, yes - they should learn 'functional components' as mentioned in this course.
Full React course with 'functional components' is available on Udemy. It also includes with Redux (along with Redux toolkit) and JavaScript lectures to brush-up your JavaScript knowledge; because many React interviewers ask questions from JavaScript too. Course link is in the description.
reply
Hello, I am Harsha, Instructor for this React course. Thank you for your interest in this course.
These are 3 reasons why should you learn 'class components' still.-
1) Many Enterprises still use class components-based react projects; they need people who understand, manage, update, support those projects.-
2) In many React interviews, they still ask few questions regarding class components - expecting you should have a background of 'class components' also - apart from functional components.-
3) For react beginners, it is very easy to understand many concepts like state, props etc., in class components.-
Once they are good enough in class components, yes - they should learn 'functional components' as mentioned in this course.
Full React course with 'functional components' is available on Udemy. It also includes with Redux (along with Redux toolkit) and JavaScript lectures to brush-up your JavaScript knowledge; because many React interviewers ask questions from JavaScript too. Course link is in the description.
reply
Chris
Note to other users:
If you're getting a compile error at the 50:30 mark, instead of npm install popper.js --save, do:
npm install -popperjs/core --save
Bootstrap 5 requires -Popper.js Core-, not Popper.js
At the 1:47:30 mark if your badge isn't showing up it's because the documentation has different syntax, it's -badge bg-secondary- not -badge badge-secondary-.
If around the -3:18:20 mark you can't figure out why the Buy Now button won't align right, use className=-text-end me-2-. Aannddd if your badge isn't showing up, remember for Bootstrap 5+ the syntax is -badge bg-light text-dark-.
If at the -5:29:30 mark you can't figure out why the template literals aren't working, you have to wrap the URI string in BACKTICKS, not single quotes.
reply
Note to other users:
If you're getting a compile error at the 50:30 mark, instead of npm install popper.js --save, do:
npm install -popperjs/core --save
Bootstrap 5 requires -Popper.js Core-, not Popper.js
At the 1:47:30 mark if your badge isn't showing up it's because the documentation has different syntax, it's -badge bg-secondary- not -badge badge-secondary-.
If around the -3:18:20 mark you can't figure out why the Buy Now button won't align right, use className=-text-end me-2-. Aannddd if your badge isn't showing up, remember for Bootstrap 5+ the syntax is -badge bg-light text-dark-.
If at the -5:29:30 mark you can't figure out why the template literals aren't working, you have to wrap the URI string in BACKTICKS, not single quotes.
reply
mykalimba
I am literally 15 seconds into the video, and I'm already put off by this instructor. Anyone with the hubris to introduce themselves as a -famous Udemy instructor- is not someone I'm interested in learning from. Also (now about 2 minutes into the video), the plain vanilla dashboard in the demo project is something I would expect from a newbie developer, not from someone with the title -UI Expert- in their introduction slide. SMDH.
reply
I am literally 15 seconds into the video, and I'm already put off by this instructor. Anyone with the hubris to introduce themselves as a -famous Udemy instructor- is not someone I'm interested in learning from. Also (now about 2 minutes into the video), the plain vanilla dashboard in the demo project is something I would expect from a newbie developer, not from someone with the title -UI Expert- in their introduction slide. SMDH.
reply
Andrew
I am having trouble understanding how the componentDidUpdate function works when prevState === this.state. In your example you identify that the previous state shows zeros across all shopping cart items when in fact it shows that the Samsung TV product has a quantity of 1. This is the same value that you identify in the this.state. Please check timestamp 4:13:40 for the prevState values and 4:13:51 for the this.state values
reply
I am having trouble understanding how the componentDidUpdate function works when prevState === this.state. In your example you identify that the previous state shows zeros across all shopping cart items when in fact it shows that the Samsung TV product has a quantity of 1. This is the same value that you identify in the this.state. Please check timestamp 4:13:40 for the prevState values and 4:13:51 for the this.state values
reply
Pankaj
I have never seen an uglier font than the one used in the vscode in this course. I can't watch this course for more than 10 seconds. Also, the instructor is teaching the outdated class components which are already replaced by functional components everywhere (even the react docs are updating). This is the first time I am disliking a freecodecamp video.
reply
I have never seen an uglier font than the one used in the vscode in this course. I can't watch this course for more than 10 seconds. Also, the instructor is teaching the outdated class components which are already replaced by functional components everywhere (even the react docs are updating). This is the first time I am disliking a freecodecamp video.
reply
Franklyn
I can't seem to get the span tag to work with the badge -className- that is done at -1:41. is there a work around this?
the only way I can get it to work currently is if I put it inside of button or put the button inside the but it looks more like a button and it feels like wasteful code lol. Any help would be greatly appreciated.
reply
I can't seem to get the span tag to work with the badge -className- that is done at -1:41. is there a work around this?
the only way I can get it to work currently is if I put it inside of button or put the button inside the but it looks more like a button and it feels like wasteful code lol. Any help would be greatly appreciated.
reply
Data
About the comments in this video, I think people just forgot that it's almost 6 HOURS of free knowledge. If you don't understand and prefer to comment BAD things because you simply think the content is out of date or because you know a better way to teach, etc... DO IT BETTER.
reply
About the comments in this video, I think people just forgot that it's almost 6 HOURS of free knowledge. If you don't understand and prefer to comment BAD things because you simply think the content is out of date or because you know a better way to teach, etc... DO IT BETTER.
reply
scripteaze
Its hard keeping up with his accent number 1 and number 2, when i have to keep going back to hear him again, you cannot do it in small steps because the video is so long. you need to microscopically click just a hair thin sliver of video and you cannot. I tried
reply
Its hard keeping up with his accent number 1 and number 2, when i have to keep going back to hear him again, you cannot do it in small steps because the video is so long. you need to microscopically click just a hair thin sliver of video and you cannot. I tried
reply
Venkata
Thank you for this course, it helped me to understand the basic stuff.
There is something important to mention, it seems the ReactRouterDom v6 is up and running so as part of it -5:39:57 the code should be replaced with
reply
Thank you for this course, it helped me to understand the basic stuff.
There is something important to mention, it seems the ReactRouterDom v6 is up and running so as part of it -5:39:57 the code should be replaced with
reply
Mariam
Note that text-right is updated to text-end in bootstrap 5
also float-right became float-end
and float-left became float-start
>>Check any updates in bootstrap className if it doesn't work
reply
Note that text-right is updated to text-end in bootstrap 5
also float-right became float-end
and float-left became float-start
>>Check any updates in bootstrap className if it doesn't work
reply
Add a review, comment
Other channel videos
