- Want to learn more? Get my complete React mastery course: mosh.link/react-course - Subscribe for more videos like this: goo.gl/6PYaGF
@idonthaveaname7842 жыл бұрын
2 years ago when I started to learn web development, I randomly came to this React Tutorial and back then I've doubted myself if I can get a job in software development. I almost quit this web development tutorial stuff but then I still believed in myself and now I am a React Developer and Tech lead in my team. thanks mosh!
@shohjaxonkomilov52012 жыл бұрын
wow bro i really wanna be like you
@speedfastman2 жыл бұрын
@@shohjaxonkomilov5201 Just believe in yourself!!!!!!!!!!!!
@shohjaxonkomilov52012 жыл бұрын
@speedfastman thank youu
@swagatalakshmipal77112 жыл бұрын
I am in the same path as your early days that is tensed self doubt. But inspired from your words. Hope this tutorial work for me,😊
@learntry90742 жыл бұрын
@@swagatalakshmipal7711 I am turning 40 in few months :) .. you try to learn or not but the truth is you are always learning something , the question is that the something is what you wanted or its coming to you without your knowledge. And I think, whoever can answer this question can learn many many things irrespective of all barriers/ hurdles
@NN-gy7xl6 жыл бұрын
I am going to put "Trained by Mosh" on my resume and get all the jobs!
@89elmonster6 жыл бұрын
That's cheating you'd get every job instantly
@tradewithcpr14646 жыл бұрын
I already did that
@yeeli79896 жыл бұрын
How many jobs you got so far??? I will do the same trained by Mosh
@i-am-oi6 жыл бұрын
Please Mosh kindly help: I am writing a code that finds logical difference between two numbers and then print out the even numbers between the two numbers const myFunction = (x, y) => { // Code here if (x > y) { return (x%2 == 0) } else { return ('This is an Odd number') } } console.log(myFunction(10,2));
@taygrande_tv6 жыл бұрын
@@i-am-oi a little confused by the prompt.... 'finds the logical difference between two numbers', and 'print out the even numbers between the two numbers'.... clarify a little bit, and I should be able to help.
@tolvajkergetok5 жыл бұрын
Mosh is by far the most awesome tutor on the entire net. I already took two of his Angular courses and it landed me in a pretty good job. For added difficulty I had concentration difficulties at the time due to serious trauma, so bad I literally couldn't read a page in one sitting. I genuinely felt that I can't carry on with my profession, but Mosh gave it all back to me. Now I'm switching to React, and he's still the only one who can flawlessly explain the entire mess. We have to come up with some super fancy award for this guy.
@tkssharma4 жыл бұрын
Watch 1000+ Tech Videos from My channel talking about Everything in Javascript Here is the playlist for React JS kzbin.info/www/bejne/kIjUl3R6mJJjgZo
@yayz_3 жыл бұрын
Man I just went through some serious stuff in life last year and this year I can barely focus or read.. I never thought it could be trauma related, I just thought it was normal stress but no matter how many breaks I take and try to go back it's still hard. It literally sucks the life out of you not being able to concentrate and retain information it's like my vision is zoomed in and I can't see the bigger picture. It always leads to frustration in the end. I'm watching this video wondering how far I'll be able to get into it before I lose focus and so far so good I'm glad I read your comment I hope this works for me.
@Aman-lv2sz3 жыл бұрын
@@yayz_ More power to you. Everyone gets out of their problems. Good luck man
@dragonballsuper15193 жыл бұрын
@@yayz_ sometimes having a foggy mind could be due to a lack of important vitamins like Vitamin D. Start taking that along with a glass of pomegranate juice every day, because the latter is great for the mind, especially the memory part of your brain.
@yayz_3 жыл бұрын
@@dragonballsuper1519 Thanks for the advice, I will definitely try that out !
@murugappanm98833 жыл бұрын
This guy explains react better than the documentations. we are blessed to be living in the age of internet.
@shivanigaddagimath61053 жыл бұрын
Yes, online learning is the way to go these days, especially for coders! Are you a student or working currently? Would you be interested in job opportunities in software development roles?
@gopikannan70533 жыл бұрын
Yeah it helps a lot.
@gopikannan70533 жыл бұрын
@@shivanigaddagimath6105 do you have any job to offer?
@shivanigaddagimath61053 жыл бұрын
@@gopikannan7053 yes, we are a web development company and are looking for developers.
@logeshwarans99563 жыл бұрын
@@shivanigaddagimath6105 Any Internships available for college students?
@Dherlandsson3 жыл бұрын
43:12 If you, like me, installed the latest version of bootstrap (v5 at the time of writing this) the "badge-primary" won't work. In bootstrap v5 it's changed to "bg-primary" and "bg-secondary" etc instead, so try className="badge bg-primary m-2" for it to function correctly!
@nilmour3 жыл бұрын
upvote. wasted close to 45 mins to find out where I did wrong then I saw I installed latest bootstrap which is v5.0.
@abhishekr59103 жыл бұрын
Thank you @Davve1001
@ayoubrais55343 жыл бұрын
Aswell for the "badge-pill" , you can use "rounded-pill" instead !
@Mackenzie8653 жыл бұрын
Wow, such a great help! I was super confused as to what I did wrong. Thanks!
@joeasian23 жыл бұрын
Thank you! Almost wasted a ton of time with this until I happened to see your comment.
@simplesimon29604 жыл бұрын
This is the fourth React app I've built from a tutorial but the first one where I was actually able to understand what was going on because of how it was all explained in detail. Really excellent style of teaching and much appreciated!
@luisr14215 жыл бұрын
Dude, I've literally watched 100 videos on this and nothing clicked until I saw this. I LOVE YOU MOSH!
@imranq92414 жыл бұрын
React is really elegant in the way it is designed and compiled. Kudos to the facebook team, and of course Mosh who taught us!
@mishabruml6 жыл бұрын
good tutorial, but for anyone trying to follow and code along this is easy to miss: at 1:27:30 you say "we are going to delete the code that we wrote in this lecture" and delete the console log statement and child element of counter, but NOT the bit you also wrote where you assign the id property in props to counter.id. ( id={counter.id} ). this is really important to leave in as it will be referenced as the event argument of the delete button event handler
@chrisyang31306 жыл бұрын
man you are the boss! I backtracked 3 times to see what went wrong before finding this comment! :D
@FromAtoO6 жыл бұрын
You just made my day!
@mathieuclerte52526 жыл бұрын
Yeah what a pain, he says at a point in time that id is a special attribute, but nowhere states that it should be declared explicitely in Counters.render() ... so I ended up having to write: that's sooo odd and verbose....
@sumeetwork6 жыл бұрын
Thank you soo much for this... couldn't find what a I doing wrong.
@msg2clash5 жыл бұрын
well spotted mishabruml, - now it's working...
@amaliabryant73413 жыл бұрын
Thank you so much for this course. I was trying to learn React through an online course but was getting so confused. Your style is very easy to follow and I have gained a stronger grasp on the material.
@rishabhchopra8833 жыл бұрын
I know the basics of JS , OOP in JS and ES6 hacks. I was wondering whether a full fledged react course with projects would be suitable or learning react through this video and then search for projects would be ideal. Can someone give me a feedback ?
@darshandev17543 жыл бұрын
@@rishabhchopra883 I think this video is enough and going on your own and doing projects is the best way if you are comfortable with it, since it forces you to think however that depends on how comfortable you are with the prerequisites to react so if you are just starting out courses might serve quite well and his teaching style is so good, I might give them a try myself
@ak3323 жыл бұрын
@@darshandev1754 hey bro do you have any idea about mosh's java course. are they worth money?
@darshandev17543 жыл бұрын
@@ak332 sorry I haven't tried them so can't say about it
@sanyamjain47772 жыл бұрын
@@darshandev1754 hey is this course updated? Because in his website it says its updated in jan 2020 so should i buy this course??
@jonasking36702 жыл бұрын
8:55 in version 1.59.0 of VS Code you go to Settings, then to Text Editor, then to Formatting and then click "Format on Save".
@aldin39942 жыл бұрын
You deserve more likes!
@jvyas69982 жыл бұрын
Thank you so much, was struggling with this since 15 minutes!
@Nafana6 жыл бұрын
Great course! Did this with the most up to date node packages and used Bulma instead of Bootstrap and everything worked perfectly. So as of 2018-08-29 everything in the tutorial is up to date with the most current versions.
@rohitmalakar5 жыл бұрын
Style worked after adding this code in my index.js import "bootstrap/dist/css/bootstrap.css";
@Forlloma6 жыл бұрын
The guy is good. Clear. Teaching qualities you've got. And you are smart. Don't change am following
@tkssharma4 жыл бұрын
Watch 1000+ Tech Videos from My channel talking about Everything in Javascript Here is the playlist for React JS kzbin.info/www/bejne/kIjUl3R6mJJjgZo
@smiling_assasin Жыл бұрын
I appreciate how mosh makes things looks so much easier with great examples, and doesn't skip concepts like many other youtubers ... ❤️
@tiagobordin658011 ай бұрын
Totally agree, the same way a great athlete makes hard things look easy to do, a great teacher makes coding looks easy too, even coding beeing hard most of the times =)
@buddimalliyanapathirana17672 жыл бұрын
Despite this tutorial being outdated by 4 years , it's still one of the best React tutorials out there
@pranavrao63702 жыл бұрын
How much has changed? I never used React before. Does it still use classes with state and render methods?
@Johnsonwingus Жыл бұрын
@@pranavrao6370 I see one difference now, with the introduction of Hooks the whole app is contained within a function instead of a class.
@reenagarg79964 жыл бұрын
You are just great Mosh! Whenever i have to learn something i directly go to your tutorials. You are all-rounder guy. Your tutorials are just awesome and your way of teaching is just incredible!!! In the video of approx 2hrs i can get my half of the things done about that particular topic. These 2hrs videos are equal to many books or i would say there is no one like you. So thank you so much for all of this knowledge!! Keep going ahead and keep sharing your knowledge like this!!
@faisalfida99294 жыл бұрын
React/Python Lover Come Here! Let's learn and practice together : discord.gg/vwgACw
@enderksenobojca37754 жыл бұрын
I have to admit that I did train a lot of people in programming. As an IT architect I had to learn a lot of new technologies and pass it to other people in my day to day work. The way how you teach is very good; balanced. You explain all concepts clearly at the same time avoiding throwing too much on the listener. It’s a hard Art to master. Respect.
@danielidonchangeambecauseo78892 жыл бұрын
Please if you still exit I need you to save me by guiding me on how to use this skills to
@nilupulheshan275 жыл бұрын
Mosh's teaching is pure and clear as his head. thank you. I learn a lot.
@shivanigaddagimath61053 жыл бұрын
Hi Nilupul! Are you studying or working currently? Would you be interested in job opportunities in software dev?
@nilupulheshan273 жыл бұрын
@@shivanigaddagimath6105 Yes nice to hear, Can you give me more details. I'm currently working in startupcompany.
@shivanigaddagimath61053 жыл бұрын
@@nilupulheshan27 Thanks for your response! Can we please connect via LinkedIn for more details? I have sent you a request on LinkedIn. Please accept.
@andrewz1003 жыл бұрын
If anyone is having trouble installing and using create-react-app (because the one he is using is very outdated), here are the commands to install the latest version and create a new application: npm init npm install create-react-app (don't use -g) npx create-react-app react-app cd react-app npm start
@aviral18413 жыл бұрын
yes correct, but you could use yarn start as well because create-react-app suggests that only.
@shivam79293 жыл бұрын
Thank you i was struggling with this
@anuvapandya82873 жыл бұрын
Thanks for this
@armanmishra34873 жыл бұрын
Thanks man
@LifeSurf1232 жыл бұрын
Why no -g? Just wondering..
@leochuks1 Жыл бұрын
I recently switched my career from Data Analysis/Science to Full stack web development. As a result, I needed to learn React JS, I have looked up a lot of online videos on this topic, although they were helpful, but I must confess this course by Mosh is second to none. You deserve an award! God bless you if you believe.
@sneharamar9664 Жыл бұрын
Hello Leonard, May I know how did you switched career to Web development since the experience is on other domain?
@noorb3742 жыл бұрын
hi mosh, your way of teaching is amazing... plz make a new tutorial on react again, because a lot new features have released now ...like use memo hooks, use callbacks etc
@80Vikram5 жыл бұрын
Just curious from whom / which book did you learn React ? You're one of those rare breed of teachers who can explain complex topic is simplest possible way
@jennaadams38993 жыл бұрын
First port of call for anything programming related is a tutorial by Mosh. This tutorial could be updated though - as I found a few issues but managed to sort it out with a struggle.
@HotChilli995 жыл бұрын
Brilliant tutorial. I've done a couple of different React tutorials, and this is by far the best I have come across. I wasn't expecting that considering all of the other tutorials I have seen so far have been on paid subscriptions! Thank you very much, I feel like I have a decent understanding of React now, enough to get me going on a project!
@jesseguerrero82034 жыл бұрын
is it better than the freecodecamp React Native tutorial on KZbin?
@sayandeepghosh29114 жыл бұрын
@@jesseguerrero8203 yeah much better....i have done both
@itishdhiman39873 жыл бұрын
I was going through the React course on Udemy and honestly I found it quite fast paced and I couldn't follow it properly. Now after watching this Tutorial, I have much more clarity on these concepts. Amazing the way you explain things!
@shivanigaddagimath61053 жыл бұрын
Hi Itish! Are you a student or working currently? Would you be interested in software development roles?
@sanyamjain47772 жыл бұрын
Hey have you taken this course? If yes is it updated or old i . Asking because on the website it says that its last updated in 2020 jan so should i purchase it or not?
@saipavanmanda44246 жыл бұрын
I am in love with the way you teaches the courses.Thanks for giving this free courses.Very helpful for people who cannot afford like me.Thanks you so much
@saipavanmanda44246 жыл бұрын
Yes I do.But not this clear about the stuff going inside.
@shivanigaddagimath61053 жыл бұрын
Hi Saipavan! Yes, these courses are really helpful to enthusiastic coders who are looking to learn! Are you looking out for job opportunities in software dev currently?
@shqnz Жыл бұрын
Followed along with documentation.. It took me around 10 hours to complete this video.. But finally I did it... I really recommend beginners to watch this. Shared you video in all of my whatsapp groups. Thanks Mosh Hamedani😍😚
@ThaOrangeBlues5 жыл бұрын
at 1:15:59, when you typed () => this.handleIncrement(product) --> gave me undefined and didn't work. I got it to work with product => this.handleIncrement(product) which solved the problem. and this is the function: handleIncrement = product => { this.setState({ count: this.state.count + 1 }); }; so I don't know if did anything wrong before that, that I got undefined for the prodcut parameter passed to the function
@angledcoathanger4 жыл бұрын
Awesome, that solved it for me too, thanks.
@markoco30684 жыл бұрын
Thank you :D I had the same error
@vksentertainment8494 жыл бұрын
Same problem. Thank you !
@thafreeze43954 жыл бұрын
Thank you! I had the same issue!
@sohailshaiwale73384 жыл бұрын
still getting product is not defined
@beryl.pretorius2 жыл бұрын
Please make an updated version of this course! It's so good but a lot of elements aren't feasible anymore :'(
@samselvaraj81712 жыл бұрын
yes truee...im a lil confused bcoz of that :(
@adityaelangovan41242 жыл бұрын
Yes same here! I am unable to start my react. Does anyone know the solution?
@smithmarta2 жыл бұрын
Any insights into what will break with the newest version of React? I don't feel great using an outdated version of the React library.
@samselvaraj81712 жыл бұрын
@@smithmarta There are many more tutorials on youtube which might be helpful!
@smithmarta2 жыл бұрын
@@samselvaraj8171 thank you, I found another great course here.
@lukaszp78275 жыл бұрын
W10 update for VSC 1.38.1 8:30 : file -> preferences -> settings -> text editor -> formatting : format on save
@poloska94714 жыл бұрын
You're an awesome human being.
@Luis-rc4pq4 жыл бұрын
This also helps Mac users using the new version of VS code, thanks
@asim-gandu-phenchod4 жыл бұрын
Love ya man
@pparab04 жыл бұрын
hey thanks man
@salonigupta14364 жыл бұрын
Thanks
@odedejikehinde65142 жыл бұрын
Wow! Mosh! i'm just two minute and few seconds into your react crash course and I'm already giving a big shout out to the best react instructor ever on youtube. #CALEB from Lagos,Nigeria.
@HarishKumar-pi2nb4 жыл бұрын
For those who sleep in all lecturing classes, you're gonna enjoy his fun way of teaching. He is a god in 'learn by doing' teaching.
@shivanigaddagimath61053 жыл бұрын
Hi Harish! Are you studying or working currently? Would you be interested in internship/job opportunities in software dev?
@alikhanmehboob6104 жыл бұрын
Few days back, I started watching a bestseller react course from Udemy but after watching it's 4 5 sections I still felt that I am unable to understand react. Then I watched this crash course and WOAH. This course is building your base better than a best seller paid course. Thank you Mosh for providing all this content for free. :) God bless
@1000ylovers3 жыл бұрын
What was the best seller paid course's name?
@HookPhire9 ай бұрын
I'm so glad I found you, these tutorials are actually soooo good, and I'm actually learning rather than just copying. Thanks Mosh!
@sarmadrafique4262 жыл бұрын
4th Birthday of one of the best React course available on KZbin. As a beginner you will find these things a bit messy. A good approach will be to learn ES6 modules and a bit of Object Oriented JavaScript. Because the new versions are coming so you might get stuck in installing the package and adding bootstrap. So the Solution is to add external bootstrap link and run command npx create-react-app react-app and then code along with Mosh Hamedani.
@bhanusharma24822 жыл бұрын
How to add external Bootstrap?
@fabriziotechera52652 жыл бұрын
still working 4 years later or it's outdated?
@AshrafulIslam-pm2mw6 жыл бұрын
At last the long awaited course 🙂 Thanks Mosh Your courses are always extra ordinary.
@austincharlesserio93574 жыл бұрын
Wanted to clarify an issue with create-react-app and npm start. At this time, the method of installing create-react-app is no longer supported as this tutorial uses the older global installation method. The documentation says "If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app to ensure that npx always uses the latest version" - create-react-app.dev/docs/getting-started. If you are having trouble, run the uninstall command, and make your react app using "npx create-react-app my-app". Then. cd to the directory as explained in the guide and npm start will work as expected.
@ikennaifekaonwu60154 жыл бұрын
Thank you very much for this, I have been battling this stuff for ages, I just did as you said and it worked perfectly.
@arariks4 жыл бұрын
Great info. Thanks !!!
@freedtmg162 жыл бұрын
I came here to get my feet wet with react thinking I knew JS and I am just blown away by the amount of stuff I've picked up about writing JS expressions and I'm not even half way though! my mind is melting. Thanks Mosh!
@hemasaiprakashchowta86126 жыл бұрын
The absolute worth of every minute Mosh!!! It takes you to the beginner level to Intermediate level. Thanks a lot for the course... Keep up the good work...
@shivanigaddagimath61053 жыл бұрын
Hey! Are you working currently? Are you looking for jobs in software development roles?
@suyashbongale43403 жыл бұрын
I really like how u explain all things...."Plssssssss MAKE A NEW SERIES ON ANGULAR"..
@sit73shekhargite553 жыл бұрын
kzbin.info/www/bejne/bJ2laJlso7OGbLc..
@sarithakonanki79013 жыл бұрын
😭
@shivanigaddagimath61053 жыл бұрын
Hi Suyash! Are you a student or working currently? Would you be interested in job opportunities in software development?
@amardeepagrawal61883 жыл бұрын
I can say now, Learning react was fun and made super easy by you. Thank you for teaching us !
@sit73shekhargite553 жыл бұрын
kzbin.info/www/bejne/bJ2laJlso7OGbLc..
@shivanigaddagimath61053 жыл бұрын
Hi Amardeep! Are you studying or working currently? Would you be interested in opportunities for software developer roles?
@bhavyakukkar2 жыл бұрын
watched the tutorial without practicing, and it was so amazing, finally decided to begin practically at around halfway, ran into various problems trying to run the old react/bootstrap versions from this tutorial (react 1.5.2 and bootstrap 3 or 4, I think?) and used the latest (as of this comment) versions instead (react 18.2.0 and bootstrap 5). ran into some inconsistencies, but after fixing those problems, I am back on track! the tutorial is very well done in such a way that if I run into problems due to the version differences, I still have an idea on how to go about fixing it. Thank you!
@nkosanamoyo31302 жыл бұрын
I second what you saying
@lesleyshome5 жыл бұрын
completely watched this tutorial..covers all the necessary basics of react..Also please do video for Redux in React..Thank You Mosh..
@dereckchamboko91604 жыл бұрын
Hi Mosh, amazing tutorial right there, been following it from the beginning. However i noticed on "1:21:18 Passing Data to Components" if you are using the version v16.13.1 or any version higher than the one you are using, u will get an error "Undefined prop". the fix to this is defining a constructor and passing props and and argument and in the constructor define super and also pass props as an argument => constructor(props) { super(props); }
@lfcrab04 жыл бұрын
A great help! thanks alot!
@cbentin122 жыл бұрын
2 years later you are still helping people! thanks
@vadane15 жыл бұрын
One of the best tutorial for learning react on Internet today
@shivanigaddagimath61053 жыл бұрын
Hi Ajinkya! Are you a student currently or working? would you be interested in opportunities in software development?
@exoticcoder53652 жыл бұрын
35:11 Command + D(on Mac) can edit the same selections ( multiple cursors ) in one go, SUPER HANDY ! Thanks Mosh !
@muhammadadil48854 жыл бұрын
Thank you Mosh! This is the best React Tutorial I have came across. so simple yet cleared all the necessary concepts.
@prawnydagrate3 жыл бұрын
This is by far the easiest JS tutorial I've ever watched.
@jharikrishnan7064 Жыл бұрын
Please make a new video with a current version
@elhafedelyazidi46813 жыл бұрын
you are good at explaining reactjs i've been watching this tutorial for an hour now and i didn't feel the time passing
@markus271833 жыл бұрын
Can Mosh do a new version of this? The code create-react generates now is so different to what it generated in his tut 2 years ago
@kanikashreya57933 жыл бұрын
It with the functions instead of class I guess but if you follow his coding style to learn , you can try doing the function way which kinda he explained at end
@akshatarora77364 жыл бұрын
I just skimmed through understanding what we will talk about, he says this is for beginners but it looks like he's gonna make us all pro. Thank you so much Mosh! I even use your udemy courses.
@MukeshKumar-co5ky4 жыл бұрын
is this tutorial outdated?
@EZboyrocks3 жыл бұрын
@@MukeshKumar-co5ky he added a section for new/advanced react stuff
@nurfarihasalam53703 жыл бұрын
@@EZboyrocks mind asking, where can i find that latest tutorial?
@EZboyrocks3 жыл бұрын
@@nurfarihasalam5370 it’s on his website, you need to pay for the full course
@nurfarihasalam53703 жыл бұрын
@@EZboyrocks ohh i see. thank you!!!
@ExploringWorld1004 жыл бұрын
Appreciated the highly recommend React.js video. I was searching lots of react.js video on KZbin getting the pure clean concept but I din't. Finally from this video I gained every information about react that helps to me learning real React.js concept. Thanks a lot for such an excellent video. This react tutorial is ever best among all other. I am watching from Frankfurt university of applied sciences, Frankfurt, Germany.
@tkssharma4 жыл бұрын
Watch 1000+ Tech Videos from My channel talking about Everything in Javascript Here is the playlist for React JS kzbin.info/www/bejne/kIjUl3R6mJJjgZo
@faisalfida99294 жыл бұрын
React/Python Lover Come Here! Let's learn and practice together : discord.gg/vwgACw
@AOAinteriordecors2 жыл бұрын
Honestly, this Course is wow.. Thanks so much Mosh. God bless you.
@fhilipknows60004 жыл бұрын
to enable format on save in windows file - prefrences - settings - search format on save - enable format on save
@virangayasas36863 жыл бұрын
Thanks
@yashuarushed18773 жыл бұрын
took almost 4hour to complete this, but totally worth it
@codedeano95853 жыл бұрын
thats Fast!! im on all day, will have to stay up late
@pratikmhaske57924 жыл бұрын
The code at 1:00:53 and code at 1:03:10 are totally different, took me an hour to realise ! What a bummer should have atleast told us he is using old code
@samarmohan98913 жыл бұрын
uhhh its not old code.
@SaifiCode2 жыл бұрын
Big Fan of Mosh , Me also started making tutorials. Got inspired
@jaymenluther57684 жыл бұрын
Something I noticed when going through the tutorial (which has been awesome!) if you are using a constructor to bind like he is explains, when you get to the passing data to components section, you will need to pass props into your constructor and also super(). constructor(props) { // calling parent constructor first super(props); // we need to bind the handleIncrement function in order to gain access to "this" otherwise when you call "this" // within the function, it will not know to reference itself this.handleIncrement = this.handleIncrement.bind(this); } Atleast this is what I did in order to get my count to update with this.props in the state. At any rate. Awesome tutorial thanks so much!
@dereckchamboko91603 жыл бұрын
Thanx man, I had found a workaround though. constructor(){ supers); this.handleClick=this.handleClick.bind(this); // binding in constructer as was shown by Mosh } setProp(){ // created a set prop method this.state.count=this.props.counts; } render() { this.setProp(); // called my setprop method inside render method
@jamenw2 жыл бұрын
Jaymen is a great name!!
@DaveTheDeveloper3 жыл бұрын
For everyone who has the same problem like me with having no template files and cannot start it. This is because the version Mosh is using is outdated an React isn't providing templates for this version anymore. You have to install a newer version.
@LucasSantos-wp7ji2 жыл бұрын
This class is exceptional! Wish I could learn every technology like this. Thank you very much!
@danielidonchangeambecauseo78892 жыл бұрын
You can let's train our mind
@f_12896 ай бұрын
Thank you for such an awesome inclusive course!!! for anyone having any issues, the versions Mosh is using are outdated. if your using newer versions, check what corresponds to your line in your version.
@e4r2816 жыл бұрын
High quality content as usual. Thanks for sharing.
@pasiheinonen77085 жыл бұрын
Good tutorial. at time 1:23:20, counter is set to this.props.value: This wont work if you have custom constructor. Then you need to pass props to that too. constructor(props) { super(props); }
@ethanbrenny18635 жыл бұрын
RT
@oneal2444 жыл бұрын
I was going nuts! thank you for your comment.
@nabeelnasar79354 жыл бұрын
Thanks bruv! I couldn't figure what was wrong if not for your comment.
@ruspinaspark25494 жыл бұрын
at 1:52:52 I don't understand why when you increment the value of counters the value of the state change (normally the value of new const counters doesn't affect the value of this.state.counters )
@SuperAvalonn2 жыл бұрын
This is one of the best tutorials that I've seen. Easy to understand and indepth explanation, overall interesting to watch. Thank you for sharing your knowledge 🙌
@fabriziotechera52652 жыл бұрын
still working 4 years later or it's outdated?
@maliklarsen5 жыл бұрын
Thank you Mosh. You are my hero. I Love your tutorials. I plan to by more of your courses, I like the way when you describe and explain everything in your tutorials, you are the best. I'm a big fan of your teaching. keep the good work. I learned more from you than from my 6 and a half at university. Thank you, again.
@niyibanks98812 жыл бұрын
I love you Mosh. After several trials on platforms like Codecademy, Udemy and not understanding anything, you break it so simply and now I finally get programming. Thanks so much for what what you do
@vasanthkumars97523 жыл бұрын
I am planning to place a photograph of yours in front of my company and add a caption "Mosh is the God of this Company"
@shivanigaddagimath61053 жыл бұрын
Hey Vasanth! Where are you working? Are you open to new opportunities in software development?
@vasanthkumars97523 жыл бұрын
@@shivanigaddagimath6105 Besides my teaching job at engineering college, I have initiated an LLP with primary and substantial objective as software product develoment
@shivanigaddagimath61053 жыл бұрын
@@vasanthkumars9752 That's great to know! If you are interested in applying for a full-time software developer role, please do let me know. Maybe we can connect on LinkedIn?
@crabsynth34806 жыл бұрын
Fantastic library, cool ide and Amazing tutorial ! Thanks for such an in depth video... i will definitely consider getting the full version once my brain finishes processing this one. Kudos !
@its_maalik5 жыл бұрын
@@programmingwithmosh will buy the course anyways :)
@luisb98623 жыл бұрын
1:40:06 I'm really stuck here ;/ "Event Handler Called undefined" EDIT: I later figured out that in my counters.jsx, I did not include id={counter.id} among the attributes in tag.
@Corgamos3 жыл бұрын
Thanks!
@guohuadiaz25462 жыл бұрын
Before I finish watching this video I have to write a comment for you !!!! You make my learning full stack development journey so much fun and easy. Thanks Mosh!!!!!
@jcv714 жыл бұрын
Nice tutorial though there's a problem passing the product var in this.handleIncrement(product)} at 1:15:38, it outputs an undefined product error. I had to pass an empty object { } and worked.
@eliasgw28413 жыл бұрын
Hi Mosh, thx for your tutorials! At 6:41 just saw, that the version doesn't work on Mac anymore.
@jhilirenubala37473 жыл бұрын
Ya same with me.....in windows
@dubaifatimaali3 жыл бұрын
After mastering React. Next mission is to learn AngularJS. Gosh these keep me busy. We will never stop learning and using though I love it. It makes me happy. Thanks for crash course. Udemy is great as well. Learning from there too.
@rimaz73983 жыл бұрын
Did you purchase his mastering react course? How was it?
@dubaifatimaali3 жыл бұрын
@@rimaz7398 not his but I am provided by my software house ..to learn react a very professional and excellent course of react available on Udemy. also I watch him just to grab more
@GeNiaaz4 жыл бұрын
Anyone doing this in 2020? everything looks so different
@garvitgupta134 жыл бұрын
Does this video contain Hooks such as {useState,useEffect}?
@garvitgupta134 жыл бұрын
@carryMinati m.kzbin.info/www/bejne/jKKmmJamdt6jfLM This video will clear all your queries for VSCode
@migueldomingos45704 жыл бұрын
@@garvitgupta13 No. It only covers class components. But I recommend going through the video because it explains the basics very well. Then to learn hooks you can check web dev simplified playlist about them
@damansharma67374 жыл бұрын
@carryMinati yalgaar ho
@tyrt400z4 жыл бұрын
Yup, as an example, in the project I created by following along the app-component is not a class and does therefore not extend Component. Instead, it is a function and I don't even have a render method :)) I think the problem is that he is installing the react-script (and maybe some other parts) globally which is not supported anymore. Furthermore, I think as a result of running into the error of not being able to run the start script many of us installed the newest version of React unfortunately making this tutorial outdated.
@varadarajas27844 жыл бұрын
An update: After installing 'React Developer Tools extension', it comes as 'Components' and not as 'React'. 1:29:24 kzbin.info/www/bejne/gZacYYegmpyJiZI
@kiranreception6323 жыл бұрын
Yes varadaraja I also get components and profiler but not react
@shivanigaddagimath61053 жыл бұрын
Thanks for the update Varadaraja! Are you looking out for software developer roles currently?
@varadarajas27843 жыл бұрын
@@shivanigaddagimath6105 Nope for now 🙏
@shivanigaddagimath61053 жыл бұрын
@@varadarajas2784 Thanks for your response! If you are interested in working on interesting and challenging engineering projects please do let me know.
@hunterjerochim88142 жыл бұрын
you're a baller, thank you!
@shlee42103 жыл бұрын
Thank you - as always!! You're saving this novice dev EVERY SINGLE DAY.
@SuperSyedzeeshan5 жыл бұрын
One of the most Satisfied Tutorial i have ever seen!
@manohar36262 жыл бұрын
The way you explained lifcycle hooks, that was the best ❤
@Ri-Action3 жыл бұрын
I cry every time when he says "in windows I don't care".
@sit73shekhargite553 жыл бұрын
kzbin.info/www/bejne/bJ2laJlso7OGbLc...
@shivanigaddagimath61053 жыл бұрын
Hi Rishav! Are you a student or working currently? Are you looking out for internship/job opportunities?
@kojo51404 жыл бұрын
[Sighs] Mosh, you are a divine something. How did get me to understand? Thanks, MAN!
@mayurd23 Жыл бұрын
Brilliant course. Thank you for this course Mosh. Not only did you explain the concepts precisely, but with the practical it was total learning with hands on.
@Avvaball__my_Teleqram_id Жыл бұрын
For more enquiries reach out⬆️🆙.
@danielriley4892 Жыл бұрын
Mosh, i love you and all your videos. in my opinion you are the best. please update this and just change the parts to use hooks now to update the course- you deserve to be the #1 react teacher!
@Avvaball__my_Teleqram_id Жыл бұрын
For more enquiries reach out⬆️🆙.
@2427roger4 жыл бұрын
Could you upload the complete course to Udemy please. I saw this one and has a great quality.
@faisalfida99294 жыл бұрын
React/Python Lover Come Here! Let's learn and practice together : discord.gg/vwgACw
@AmodeusR2 жыл бұрын
For anyone thinking of watching this tutorial: Consider if you need to learn how to use React the old way, because basically there is no need for classes after Hooks came in, since they are considerably better.
@ossaibenjamin22572 жыл бұрын
well done Mosh, I fall in love with your pattern of teaching, and I wish to be your mentee
@svevo5 жыл бұрын
Hi Mosh, thanks for the tutorial. I have installed create-react-app 1.5.2 as you said but I'm getting completely different results: my App.js file has an App FUNCTION instead of a class that has a return method not a render method. Nodejs version is 10.15.2 and npm is 6.4.1
@mariospittas93315 жыл бұрын
Yes. Same here. Unfortunately I'm not very experienced with the syntax and can't help. If anyone can explain owuld greatly appreciate.
@mariospittas93315 жыл бұрын
I think it is because of the versions. He usee 1.5.2 while latest version is 16.8.6. Somehow we didn't install the version specified in the video. But I don't think that is critical. I still think we can follow along just as it is. :)
@karolinaszulczyk49213 жыл бұрын
Mosh, You are my favorite teacher, you are the best!! keep up the great work.
@mehdivaseghi15645 жыл бұрын
سلام مشفق جان خیلی خوشحال شدم این ویدئو رو ازت دیدم بسیار خوب ومختصرو روان توضیح دادی دمت گرم دلم برات تنگ شده بود مراقب خودت باش
@sourabhdubey26685 жыл бұрын
بله .. این ویدیو واقعا خوب است
@sourabhdubey26685 жыл бұрын
@@programmingwithmosh بله .. این ویدیو واقعا خوب است
@squeezy99 Жыл бұрын
Thanks Mosh - a clear and productive video which I followed diligently and created my first React app. I've enrolled in the course - looking forward to getting started.
@sairamgudiputi82 жыл бұрын
MOSH Kindly please update the course
@MikeGlover5 жыл бұрын
I think this is out of date now. Just installed create-react-app@1.5.2 and the App.js is totally different to the video. I dont have class App or render just a function App
@johanneskleine70074 жыл бұрын
you can replace the function App with class App
@55BLOCKS2 жыл бұрын
I have already published a book " learn with mosh" I love this genius
@rojehhabib648 Жыл бұрын
Very well explained, thank you Mosh.
@bndissanayaka2 жыл бұрын
yay! completed 🎉 Thank you so much Mosh!
@electroheadfx3 жыл бұрын
are they an updated React training on Mosh? with hook and functionnal programming
@ino38093 жыл бұрын
pay for it
@sumit12345yadav2 жыл бұрын
I've no background in react or angular per se. Just very little knowledge on JS. However, I am totally understanding whats going on. Your way of teaching is very good. 10/10 for this video.thank you
@shivani98402 жыл бұрын
Hey Sumit! Are you a student in final year? Do you usually learn through these tutorials? Would you be interested in exploring opportunities in software development?