React Tutorial for Beginners

  Рет қаралды 3,951,092

Programming with Mosh

Programming with Mosh

Күн бұрын

Пікірлер: 1 500
@programmingwithmosh
@programmingwithmosh Жыл бұрын
🚀 Want the ultimate React deep dive? Check out my full course: mosh.link/react-course 👍 Subscribe for more awesome content: goo.gl/6PYaGF
@kenjicrespo7627
@kenjicrespo7627 Жыл бұрын
Hi! I got errors. failed to load config from C:\Windows\System32\myfirstapp\vite.config.ts error when starting dev server: Error: EPERM: operation not permitted, open 'C:\Windows\System32\myfirstapp\vite.config.ts.timestamp-1679842359821.mjs'. How to fix this?
@makanjuolabolajistephen1582
@makanjuolabolajistephen1582 Жыл бұрын
Please look into your payment method for the all access course monthyly subscription specifically the use of debit card.. It keeps declining my debit card, both visa and Mastercard. I'm from Nigeria.. I hope something is done about it so I can subscribe and learn. Thank you.
@andresantos-ud4ht
@andresantos-ud4ht Жыл бұрын
Hi Mosh, congratulations in this new course. When are you going to launch, the 2nd part?
@halreraj
@halreraj Жыл бұрын
hey mosh please upload intermidiate course of c++
@ДенисГарбуз-ф9ш
@ДенисГарбуз-ф9ш Жыл бұрын
which theme u use in vs code?
@verywellrounded
@verywellrounded Жыл бұрын
Transitioning from backend to full stack development a few years ago. Been developing react apps for the last two years. I picked up several neat shortcuts and several key takeaways for a project I am building from scratch now. Thank you!
@Bilalsholostics
@Bilalsholostics 8 ай бұрын
Hello bro I’m stuck at creating the development environment. Could you plz help me. Thanks
@alwinsebastian7499
@alwinsebastian7499 8 ай бұрын
how are you doing the styling ?
@SiilverEdit
@SiilverEdit 3 ай бұрын
did you make any business with what you know or you just building, just a question xD
@addy405
@addy405 Ай бұрын
I'm transitioning from front end to top end and slowly getting to top Beginning! Then I will begin a business from the Front Beginning to Back end by climbing to the top start descending to bottom end! Ill be stacked af
@twang31
@twang31 Ай бұрын
@@addy405 I felt like I was playing snake and ladder reading your comment.
@mwaikul
@mwaikul Жыл бұрын
Love the tutorial! Its the perfect balance of "show me the code" and "explain the concepts to me". Came here after a bunch of tutorials that jumped to deep into the code with no concepts or vice versa. Thankyou!
@VideoUser47316
@VideoUser47316 10 ай бұрын
Backend developer trying to be full-stack here. Best explanation of React concepts I've seen before. Thanks a lot!
@stephanieezat-panah7750
@stephanieezat-panah7750 3 ай бұрын
me too! Backend () => fullstack; // ; )
@sgorneau
@sgorneau Жыл бұрын
This has to be the best hour and 20 minutes of learning on KZbin! You are an excellent teacher! I hope you know how helpful and clear your style is.
@alexamin5003
@alexamin5003 10 ай бұрын
Agreed. As a React newbie, I felt challenged as he introduced brand-new concepts back-to-back-to-back. Very information dense and little hand-holding. No verbose explanations on concepts we already understand. This is my kind of tutorial! Thank you Mosh!
@avivhurvitz
@avivhurvitz Жыл бұрын
I'm a long time developer, but novice at web development. This tutorial was perfect for me. I appreciate how Mosh walks you through real development practices: incremental development cycles, using the IDE and tools, looking at errors, testing as you go. Thank you Mosh!
@rakibislam463
@rakibislam463 Жыл бұрын
is this project mobile responsive?
@beatricedianatoma8387
@beatricedianatoma8387 Жыл бұрын
Me too! Backend dev at the core, preparing for a full stack interview, and this tutorial is just great, I'm so excited!!
@sanampakuwal
@sanampakuwal Жыл бұрын
I didn't pressed liked this comment because it was 69. Let it be 🧐
@SumitGupta-wr3jf
@SumitGupta-wr3jf Жыл бұрын
Is this one hour course good enough for a sample project development?
@szilvesztersandor
@szilvesztersandor Жыл бұрын
It was not mentioned in the course, but I consider it important to mention that you should store the password or API key in the .env file as an environmental variable.
@PongGod
@PongGod Жыл бұрын
Kudos for putting together such an excellent tutorial. This is one of the extremely rare instances where I went through an entire programming tutorial and everything actually worked! So many times I run into problems where things aren't working on my end the way they do in the tutorial, which forces me to spend a bunch of time trying to figure out what went wrong, mounting frustration, and ultimately just giving up. Really excited about incorporating React into my web development for enhanced user experiences!
@dushananuradha1098
@dushananuradha1098 Жыл бұрын
I am a QA engineer, but really eager in learning frontEnd dev. This tutorial has refreshed my React knowledge. Really great content.
@rakibislam463
@rakibislam463 Жыл бұрын
is this mobile responsive?
@dushananuradha1098
@dushananuradha1098 Жыл бұрын
@@rakibislam463 I meant React JS, not native
@rakibislam463
@rakibislam463 Жыл бұрын
@@dushananuradha1098 Bro, i understood what you're saying.But Don't you know when we make a project for a web,we have to also make it responsive for every device? that's why I asked you If it is responsive. Because I want to buy it.
@dushananuradha1098
@dushananuradha1098 Жыл бұрын
@@rakibislam463 I got your question now. Be descriptive when you ask a question since the other person doesn't know what is in your mind. Pls note I just referred to this tutorial video, not the full course. There, he explained it using only web applications during the tutorial. Thus, have no idea about the course's relevance to mobile application dev.
@KyleMaxwell
@KyleMaxwell Жыл бұрын
I'm an engineering manager recently hired into a full-stack team that uses React - this was a great taste of how React works to give me a better sense of it!
@ancrobot8399
@ancrobot8399 Жыл бұрын
This was the most helpful thing in a while. Most you go thorugh the errors the same way we catch them. You dont just spoil the solution on why we are getting the error. So many times during this course when I got an error, I saw the hints that you gave and then tried to solve it on my own. Truly one of the best teachers!
@mcrazick8662
@mcrazick8662 Жыл бұрын
This course is so enjoyable to study. My past React experience (when I started using it for the first time) made me give up XD. But after a while, mastering JS in the meantime, I decided to come back, found this video and yeah, brings confidence back. Great video!
@bkingg1
@bkingg1 6 ай бұрын
lol same thing happened to me
@재미-l3i
@재미-l3i 5 ай бұрын
@@bkingg1 hahah
@uchennajoelicon
@uchennajoelicon 11 ай бұрын
You're such a legend Mosh. This was my first completed react tutorial after several tries of grasping the concept. I even went ahead to make the button toggle the alert. And created other buttons to change the value of the main button from primary to warning to danger etc. It was great learning from you. Now onto real life projects from your website
@fido9745
@fido9745 Жыл бұрын
I was confused about using a instead of a , but I looked it up on google and found In React, ` "Fragment" and "Div" are used interchangeably. The main difference between the two is that "Fragment" clears out all extra divs from a DOM tree while "Div" adds a div to the DOM tree. With React Fragments, we can create code that is cleaner and easier to read. `
@gamerlx6583
@gamerlx6583 25 күн бұрын
He explained that in the video, you also do not need to use you can just use the shortcut and you are fine.
@sergiohernandez72
@sergiohernandez72 Жыл бұрын
Finally an updated version of React tutorial! I love your videos so much, but didn't want to invest in the other course since it was class based and outdated, now that you have an updated typescript function based tutorial I'm definitely buying this spring break. Keep making awesome, high quality videos mosh!
@olanrewajudimeji3560
@olanrewajudimeji3560 Жыл бұрын
Hey bro,can you kindly share the React course when you buy it?, I am currently learning React,Mosh's course is great but it is so sad i can't afford to buy the course and i am currently in school,i am a student,i would be glad if you could share me the complete React course,await your response.
@betheguy7908
@betheguy7908 Жыл бұрын
@@olanrewajudimeji3560 Bro please do let me know, if you get any response. Thanks
@paulaneesh7
@paulaneesh7 Жыл бұрын
​@@olanrewajudimeji3560 kzbin.info/www/bejne/nGaYopiBfMx1la8 Follow this course you won't regret, it's one of the best react videos on internet
@rowsncols
@rowsncols Жыл бұрын
@@olanrewajudimeji3560 get a job bro
@obiotwastaken
@obiotwastaken Жыл бұрын
All these indians arguing 😆
@BeginnerAtEverything-12
@BeginnerAtEverything-12 Күн бұрын
I've never watched a full hour video before but this one made me do it. So easy to understand without cutting any information, really recommended for someone like me who is good with back-end but really suck at front-end
@alex_blue5802
@alex_blue5802 Жыл бұрын
Mosh's courses are the best way to learn. I love how he gives exercises so you can make sure you understood.
@markergaming8394
@markergaming8394 Жыл бұрын
Bought the course. $20 for the best teacher. Great way to give a hour of content first and add value.
@sauravkumarjha2838
@sauravkumarjha2838 Жыл бұрын
Your Courses are goldmine for me! Absolutely love the way you structure and deliver your courses with huge efforts.
@SerialLinker
@SerialLinker Жыл бұрын
This is exactly the video I was looking for. I'm backend software engineer since 13 years, I want to progress on the frontend development but usually I found tutorial that are not detailed enough for me. Here it's really clear, put I my playlist and let's finished all my personal project which are working fine using postman but without any frontend ^^
@aaravarya4406
@aaravarya4406 Жыл бұрын
It came just in perfect time when I wanted to begin with react. Thank you.
@sam-the-developer8753
@sam-the-developer8753 Жыл бұрын
same here the guy is a life saver
@dougm3162
@dougm3162 Жыл бұрын
haha foreal. I was watching his from 4 years ago.. then I saw this. "huh he just made another one just a few hours ago, how convenient."
@anuragmishra1197
@anuragmishra1197 11 ай бұрын
do need to purchase his course or this video and some projects are sufficient??
@requiitas
@requiitas Ай бұрын
Thank you so much for opening the door! I'm a senior backend dev for like 8 years now and never used more than bootstrap with html for frontend (maybe some blade templates in laravel). A few days ago it made click and I want to get full-stack now. You came across my youtube learning route and changed everything because I was really struggling to understand the benefits and purpose of react. But with your video suddenly everything made sense. Thank you!
@tayyabgee1
@tayyabgee1 Жыл бұрын
Thank you mosh!💌 I have my web paper after a day. This video is really helpful to study React with all the basic concepts for a beginner. Amazing!
@cydexcode
@cydexcode Жыл бұрын
once the video is posted by "mosh" you know that you are going to understand everything quickly... thanks for everything that you teach us... i hope you will never stop teaching cause you are a very good teacher.... much love.....
@ArthurWahoowa
@ArthurWahoowa Жыл бұрын
Hi Mosh, When I started programming in 8th grade, your Java course was the first course I used to teach myself coding. Now, I am about to go off to college for my Bachelor's degree in Computer Science. Thank you for guiding me through this subject, I really appreciate it. Your tutorials have truly opened this world up for me.
@xxcc5101
@xxcc5101 Жыл бұрын
Hi Arthur, I want to develop mobile applications, is react good for this? I am a little bit Confused between react and react native
@ArthurWahoowa
@ArthurWahoowa Жыл бұрын
@@xxcc5101 Hello, I am no expert in mobile development (I'm more interested in machine learning), but React is typically for web development. React Native builds on React, and can be used for mobile development for both IOS and Android, as well as web development.
@Mahmoud_176
@Mahmoud_176 Жыл бұрын
@@xxcc5101 Better learn Flutter for Mobile development
@xxcc5101
@xxcc5101 Жыл бұрын
@@Mahmoud_176 can you say me why its better please?
@Mahmoud_176
@Mahmoud_176 Жыл бұрын
​@@xxcc5101 Because its the most used framework for mobile development nowdays
@abdulwarissherzad9914
@abdulwarissherzad9914 Жыл бұрын
Thank you for "React Tutorial for Beginners", I love your explanation, and thanks that while playing your video series, I haven't seen an advertisement.
@gavate-patlacha-ram68
@gavate-patlacha-ram68 9 ай бұрын
00:04 Learn React from basics to advanced concepts and build fast and scalable apps 02:18 React is a JavaScript library for building dynamic and interactive user interfaces. 07:04 Install and run a React application using npm 09:38 The main structure of the project includes folders for third-party libraries, public assets, source code, and configuration files. 14:19 Using JSX to create dynamic content in React Components 16:47 React uses a virtual DOM to update the actual DOM. 20:59 Take your React skills to the next level 23:19 Create a list group component 27:39 Code in JavaScript gets compiled to React.createElement which can be used to create React elements. 29:48 Render a dynamic list of items using map method in JavaScript 34:18 Conditionally render JSX expression using the ternary operator 36:27 Functions can have parameters to get different messages depending on conditions. 40:50 Arrow function with browser event parameter and logging the event object 42:55 Specify the type of the parameter in TypeScript to get auto-completion and type safety 47:11 The state hook in React allows us to manage component data that may change over time. 49:11 React components can have state that changes over time 53:29 Pass data to components using props. 55:39 Implementing item selection notification 59:55 Create a component that can accept children. 1:02:05 Passing text as a child to a component 1:06:23 Use React DevTools to better understand your components and inspect their props and state. 1:08:34 Build a basic dynamic button component 1:12:52 Using TypeScript to enforce valid property values 1:14:57 Add a close button to the app component 1:19:20 Congratulations for completing the tutorial
@vladislav3182
@vladislav3182 2 күн бұрын
Thanks for this!
@MaxenGaynier28
@MaxenGaynier28 11 ай бұрын
Went to the website and purchased the course... hands down the best money I've ever spent.
@-0-__-0-
@-0-__-0- Жыл бұрын
I was planning to follow a particular React tutorial but there's no other resources I can find except for one that uses react in the front-end. How fortunate I was in discovering this completely new 1 hour tutorial. Thanks man ya the real MVP.
@sivanarulanbu9252
@sivanarulanbu9252 10 ай бұрын
Refer telusko bro django is different world
@-0-__-0-
@-0-__-0- 10 ай бұрын
@@sivanarulanbu9252 I meant react jesus it's been a year already.
@gamerk88
@gamerk88 Ай бұрын
He was such a lifesaver! I was searching for React videos to learn it, but I struggled to grasp the concepts from several other videos. Then, I found his video, and everything started to make sense.
@adarshdhandayuthapani4027
@adarshdhandayuthapani4027 Жыл бұрын
Thanks!
@MegaRc1989
@MegaRc1989 8 ай бұрын
I love how you keep your code clean and explain every step as well as a few other ways to achieve the same goal. This helps a ton!
@monzerfaisal3673
@monzerfaisal3673 Жыл бұрын
Dude this tutorial is epic. I first started listening to it to check it out quick. It seemed understandable so i followed along over a few days and i'm not only understanding, everything is also sticking to my brain!!! thanks man
@diegoorellana5019
@diegoorellana5019 Жыл бұрын
I was waiting for this course since last year, thank you so much Mosh, you're great teacher! thanks to you I've learn a lot and now I'm using it in my actual job! :') **big hug**
@dofusscripting4137
@dofusscripting4137 8 ай бұрын
One of the best course I have found on internet, all the dev courses are hard to understand, and they didn't take us into the project. Thank you for this course !
@SegmentationFaultCoreDumped
@SegmentationFaultCoreDumped Жыл бұрын
Did anyone else notice the Like Button light up when he said 'like button' around 4:33
@gugisterka
@gugisterka Жыл бұрын
One of the best ways to explain coding things I've ever heard!! Mosh, you're genius
@BenDrechsel
@BenDrechsel 6 ай бұрын
Wow! In the past I've purchased a few coding courses, and none of them were as good as this. Perfect pacing, no skipped steps, lots of natural progression / iteration to give context about when & why to use extensions / libraries / frameworks. Awesome. I will absolutely be buying some full courses if they're all of this quality!
@mbahchiemerie115
@mbahchiemerie115 3 ай бұрын
hello, please if you bought the course, can you share your account with me? I'll really appreciate cause it's very expensive for me.
@sunilshastry
@sunilshastry Жыл бұрын
For everyone asking what theme he's using, its called "oh lucy"
@devquen7688
@devquen7688 Жыл бұрын
tks you
@arikmosfor4907
@arikmosfor4907 Жыл бұрын
🙏🙏
@Mpreach-teaches
@Mpreach-teaches Жыл бұрын
Please how can I get the continuietion of this course
@lordesca4364
@lordesca4364 Жыл бұрын
​@@Mpreach-teachesyou can purchase or you can download it
@dhavaldudheliya6938
@dhavaldudheliya6938 Жыл бұрын
Thanks bro. I am here for that same question and first comment is yours ❤
@ishaanawasthi416
@ishaanawasthi416 7 ай бұрын
Knowing how to code in Java/Python but not knowing a pinch of JS, this is proving to be quite simple to follow even for me! I've just finished the creating a component section, and really enjoying the course. Big thank you for making this free and accessible!
@alm683
@alm683 Жыл бұрын
awesome Mosh. Your teaching style is concise and to the point. I am subscribed to a number of online IT learning resources but this is by far is the best intro to React that I went through.
@ArunKumar-jk5pq
@ArunKumar-jk5pq 25 күн бұрын
I am a backend engineer & feeling so confident going over these tutorials knowing someday I’ll be a full stack developer. Thanks for these great tutorials🎉
@mosesolayinks6361
@mosesolayinks6361 Жыл бұрын
Hi Mosh thank you for yet another fantastic course. I checked through the full course and I noticed there isn’t any topic covering unit testing in this react course. I think this is a very important in modern react tool belt and would be helpful if you can look at adding it
@sofijanet7648
@sofijanet7648 Жыл бұрын
Maybe it will be in part 2? Not sure.
@timSquash
@timSquash Жыл бұрын
I was wondering how you test react code
@juleslefumiste9204
@juleslefumiste9204 Жыл бұрын
@@timSquash by using console.log('working'); lol
@developpement_digital
@developpement_digital Жыл бұрын
Mosh Hamedani is the best one in KZbin explain programming language very well, Thank you so mush.
@johngoutung1229
@johngoutung1229 Жыл бұрын
I did struggle to learn React. A lot of wasted time. The problem? I did not know the basics of Javascript in first place. You need to walk before you can run. So I took a few very basic books (books, not complex tutorials!) and learned the fundamentals. After I learned the basics of Javascript, learning React became much easier. Edit: For those asking about the books, for the very basics I learned with "Javascript In Less than 50 Pages". And to develop my knowledge I learned with "Head First Javacript Programming".
@MattRose30000
@MattRose30000 Жыл бұрын
True. I'm currently working on a node application where the frontent is completely in Vanilla JS, and I'm starting to get frustrated because my code starts to get messy and it all scales poorly. I think now is the right time to port everything to React, especially if I want other people to contribute. I don't want them to see my spaghetti code.
@mrfabulous3303
@mrfabulous3303 Жыл бұрын
I think its a paid comment
@bringbackdislikes3195
@bringbackdislikes3195 Жыл бұрын
@@mrfabulous3303 It is, don't trust this scam.
@AAAAAA-n9f
@AAAAAA-n9f 9 ай бұрын
@@mrfabulous3303 It is a scam, the edit says "for those asking: literally no one asked LOL
@suziewilliams3194
@suziewilliams3194 8 ай бұрын
You do realize he stated that you should know HTML, CSS & JS first right?
@VapidVulpes
@VapidVulpes Жыл бұрын
this is the exact tutorial i need, but my thumbs up is even more for that subtle youtube thumbs up button highlight when you mention the icon in the tutorial. Classy!
@vrojak7636
@vrojak7636 Жыл бұрын
Thanks, lets see how well this prepared me for my job interview next week 🙌
@ubaizalikhan6979
@ubaizalikhan6979 8 ай бұрын
Are you hired?
@brocode04
@brocode04 5 ай бұрын
all the best, are you hired now?
@fuzzy-02
@fuzzy-02 9 ай бұрын
I loved this tutorial because you didn't rush any explanations. You demonstrated everything and didn't leave much ambiguity in what's going under the hood. Thanks man!
@ethanlal4517
@ethanlal4517 Жыл бұрын
Mosh, plz do me a favour. I simply love Svelte and think its the best but sadly it isn't very popular and doesn't have a large community. As a result, people and companies can't use it in their projects as much as they want to. I might be asking too much but I would really appreciate it if you could create a free Svelte course on youtube because I believe it will really raise Svelte's popularity and give it the attention it deserves. Love ur vids, keep the good work on.
@sofijanet7648
@sofijanet7648 Жыл бұрын
Yes please Mosh. That would be wonderful.
@anesukafesu7875
@anesukafesu7875 Жыл бұрын
Svelte is the best 💯
@programmingwithmosh
@programmingwithmosh Жыл бұрын
I’ll do my best!
@ethanlal4517
@ethanlal4517 Жыл бұрын
​@@programmingwithmosh Mosh, I don't know what to say. The fact that you listened to a random guy on the internet is simply amazing. I can't express my gratitude in words, so I won't make a mess of it. So stoked, love from India.
@ba8e
@ba8e Жыл бұрын
Svelte is SO FUCKING GOOD... I kinda want it to be a secret xD
@_arman_
@_arman_ 11 ай бұрын
Are you some kind of teaching wizard? This is so satisfying to engage with. Thank you.
@graniteprogrammingtutorials
@graniteprogrammingtutorials Жыл бұрын
The biggest problem with this video is that it gets confusing and as a viewer I lose focus with the extra bootstrap, typescript and vite information instead of focusing just on REACT. I understand that these technologies are used in addition to REACT but for a complete newbie to REACT I find it hard to realize what is REACT code and what isn't. That being said I give this video an A+ for its content and delivery. Keep making great informational tutorials like this I love them!
@jwoods9659
@jwoods9659 Жыл бұрын
Well that is React a big mess every developer pretends is enjoyable to code it.
@veryhyped
@veryhyped Жыл бұрын
@@jwoods9659facts. thanks for being honest. what’s the alternative?
@242feder
@242feder Жыл бұрын
@@jwoods9659 one and a half hour and 80+ packages installed + node and vite, variables that can not change a value using an equal (=) you have to use an updater function!! etc...all this to do something that you can do in 5 minutes with plain javascript... millennials in their maximum expression
@MehndiBySoukayna
@MehndiBySoukayna Жыл бұрын
so excited to buy all your courses even my husband who has 16 years of experience had told me that he thinks that you are the best programming teacher
@waveless7323
@waveless7323 Жыл бұрын
BRO AWESOME COURSE. I purchased the part 1 course and I have already finished it and now I am confident in coding websites. I am eagerly waiting for the part 2 course. I am also asking a request to make an updated React Native course with expo and routing and a full mobile application tutorial with firebase as backend. Keep up the hard work!! 👍
@senju31
@senju31 Жыл бұрын
I just finished the paid course and I must say it was great. I have been using regular/plain JavaScript for years and was holding out on learning React. This was a great introduction and was very digestible. Much love from Jamaica!
@Sammy2100
@Sammy2100 Жыл бұрын
Thank you so much Mosh. I'm definitely purchasing this full course. I've been waiting for this since last year to help boost my skillset in my new phase.
@Sammy2100
@Sammy2100 Жыл бұрын
Just purchased it. 👍
@olanrewajudimeji3560
@olanrewajudimeji3560 Жыл бұрын
@@Sammy2100 Hey bro,can you kindly share the React course when you buy it?, I am currently learning React,Mosh's course is great but it is so sad i can't afford to buy the course and i am currently in school,i am a student,i would be glad if you could share me the complete React course,await your response.
@makanjuolabolajistephen1582
@makanjuolabolajistephen1582 Жыл бұрын
@@Sammy2100 Please how were you able to purchase the course, it keeps declining my debit card.. Please guid me on how to go about it. It will really go a long way.
@carolinaserrano8267
@carolinaserrano8267 Жыл бұрын
@@olanrewajudimeji3560 Did someone share it? i need it too
@mbahchiemerie115
@mbahchiemerie115 3 ай бұрын
@@olanrewajudimeji3560 hello, please did he share the course with you? if he did can you share with me too
@Durowave
@Durowave Жыл бұрын
Wow! We are a RnD Team we also watch your videos to lean coding. Thanks Mosh
@siphillis
@siphillis Жыл бұрын
Super glad you went with TypeScript instead of JavaScript. TS really is the future, and every JS dev would benefit by incorporating it into their toolset.
@ba8e
@ba8e Жыл бұрын
Unnecessary bloatware...
@walius1988
@walius1988 Жыл бұрын
This was my very first tutorial for React and I loved it. I am a back end developer and I want to learn React.
@Plumbus488
@Plumbus488 Жыл бұрын
Please include unit , integration and end to end testing for the part 2 of the course. That would really be helpful to develop robust react apps in the real world.
@MehrabEvanC94
@MehrabEvanC94 11 ай бұрын
The best thing I like from his contents that he provides a great overview review with the simplest explanation in 1-2 hours duration which is very easy to grab the basics which is the most required objectives for a software engineer to go for agile approach.
@saulgoodman7693
@saulgoodman7693 Жыл бұрын
I loved this REACT tutorial! Your explanation and demonstration is perfect. Your exercises helped me test my understanding of what I had learnt. Once again a greater lecture and an even greater learning experience! Thanks a lot Mosh! Keep up the great content and wish you more success in the future!
@rohanshah9593
@rohanshah9593 Жыл бұрын
Someone is considering changing fields
@mikaelnilsson8041
@mikaelnilsson8041 Жыл бұрын
This is the most clear and concise basic ReactJS tutorial on KZbin imo. A question though, what is the naming convention when we have multiple click events in the same component? "handleClick1", "handleClick2", etc looks really bad.
@MohammadMansourBone
@MohammadMansourBone Жыл бұрын
We have been waiting for this for a long time 😁
@peterwan1808
@peterwan1808 Жыл бұрын
The Ctrl + D shortcut to find the next occurrence of a word was such a neat trick! Really enjoying the lesson - thank you!
@MohitKhare
@MohitKhare Жыл бұрын
Thanks Mosh. Amazing content as always. It's really well explained and I love the fact that you tell the good/bad programming practices and conventions. ❤ from India.
@nahombinyam3759
@nahombinyam3759 Жыл бұрын
I have been struggling to learn react for a long time but thanks to you that curse have been lifted 🙏
@dr.lalthompson4670
@dr.lalthompson4670 Жыл бұрын
Mosh plz put more effort into ur youtube thumbnails. Masterpieces like this ought to be seen by more people ;)
@ildisilaghi2306
@ildisilaghi2306 10 ай бұрын
I became an avoidant to learn new things in dev cause not getting the explanation usually make feel anxious. Until I found your channel. And not just I understand rapidly, but already feeling the eagerness to learn more. Now that's something ! Thank you !!!
@GilbertoMadeira83
@GilbertoMadeira83 Жыл бұрын
33:00 when dealing with collections of simple items , you can use array.map( (item,index) => {}), the second argument to the map callback function returns the index of the element of the original array, then, you can simply set the key property using that index
@headcode
@headcode Жыл бұрын
I’ve done this before, too, but if you use index for your keys, and you say insert a new item in the middle of that array, then all the keys have to change when the component rerenders/reloads that block. Better to use keys that won’t change for a given item, no matter where it is in that array
@izabellearaujorochaderrihu4510
@izabellearaujorochaderrihu4510 8 ай бұрын
I don't usually do this but I need to improve my understanding in react for my work so I'm watching your video like it's a netflix series and I love it, you have such a calm voice.
@marcw6875
@marcw6875 Жыл бұрын
I bought the full course a couple weeks back because I saw it was on sale. I've been enjoying it. Prior to this my only comparable experience was making a web app for a class that used just vanilla versions of HTML, CSS, JavaScript, and PHP. I'm liking how react comes together so far and have already been thinking I should try re-creating my class project using react. I don't know if Mosh reads these comments very often, but if he does, I have just one critique for his classes. I wish he would wait for at least a count of two after he types some long line of code before hitting tab, switching over to another file, etc. Especially after he has typed something that he knows his students will be trying to type as well. There have been so many times where I've been trying to wait until he types the full line before pausing, but then I miss it because he immediately moves somewhere else. lol. It's a minor nitpick, but I thought I would mention it. Otherwise, I've liked how the course is set up and I'm looking forward to putting together the bigger project in the last section. :)
@rakibislam463
@rakibislam463 Жыл бұрын
is this project mobile responsive?
@vunpac5
@vunpac5 10 ай бұрын
Man this video is brilliant, I find it very helpful you go in depth when it's needed, but not so much to cover things that aren't really relevant, and then you challenge us to do something with the things we have learned as well as adding a bit extra forcing us to continue to learn. As I have always said about collage/uni, they aren't there to teach you everything there is to know about a subject, but share with you what they have learned and teach you how to continue to learn after the courses. You have great material. Keep it up!
@theyashjani
@theyashjani 27 күн бұрын
did anyone noticed 4:34 KZbin Actual Like Button lightsup?
@LuffyMonkey-xc1qb
@LuffyMonkey-xc1qb 11 күн бұрын
Yeah bro i also noticed that
@brunox1023
@brunox1023 11 ай бұрын
I never comment on youtube videos but I had to stop the video to say great job! Amazing work, srsly very well explained.
@Eqqoftw
@Eqqoftw Жыл бұрын
Hi Mosh, thank you for the great React course. I cant wait for the advanced topics. Are you able to share when we can expect the advanced course?
@idevsoftwaregroup
@idevsoftwaregroup Жыл бұрын
یکی از کسایی که من به عنوان یه ایرانی بهش افتخار می کنم ... ممنون Mosh
@surajghodke1033
@surajghodke1033 Жыл бұрын
Mosh thanks for the awesome course... Is this also include upcoming part 2? Or we have to purchase seperate part 2?
@programmingwithmosh
@programmingwithmosh Жыл бұрын
That’ll be a separate course.
@makanjuolabolajistephen1582
@makanjuolabolajistephen1582 Жыл бұрын
@@programmingwithmosh Please I can't subscribe to any of your course, it keeps declining my debit card(mastercard and visa).. Please help out, it's saddening.
@ajaydevgan24
@ajaydevgan24 5 ай бұрын
I bought this full course this is really up to the mark no need to peep on other tuts after completing this course and it will make you a good programmer and start earning
@zohaibashraf3625
@zohaibashraf3625 Жыл бұрын
Mosh would you like to share the vscode theme you used in your course ?
@sofijanet7648
@sofijanet7648 Жыл бұрын
I think its Material UI.
@marjo9952
@marjo9952 Жыл бұрын
It's the "oh lucy" theme in extension marketplace
@dharshanj9931
@dharshanj9931 6 ай бұрын
I wanted to show my appreciation through the "Thanks" option for this video, but I keep encountering errors with the Google payment gateway. It's frustrating that, despite multiple attempts, I'm unable to thank such a great mentor. Keep up the excellent work, Mosh!
@mahiseren
@mahiseren Жыл бұрын
He cheats viewers by giving the wrong msg in thumbnail saying all the content in one video .. and he tries to push users to buy his course for the rest of the contest... Although Mosh is a great lecture but at the same time misleading the thumbnail and wasting users time dear mosh please do not do this!
@mahiseren
@mahiseren Жыл бұрын
@cricketknowledge5393 no
@alwinw64
@alwinw64 Жыл бұрын
This is just an introductory course bro, take it easy. Anyone who knows anything about this stuff knows that an entire course cannot be completed in 1 hour 😂
@ouadieelouardy1171
@ouadieelouardy1171 Жыл бұрын
1sr he didn't say full course! 2nd his courses are priceless. They worth every penny you pay
@ezziukas
@ezziukas Жыл бұрын
​@@ouadieelouardy1171he state "you will learn REACT in 1 hour" :) you barely can start the development enviro in that time for the first time.
@suham5132
@suham5132 Жыл бұрын
@@ouadieelouardy1171 2nd one isn't applicable to everyone. I also thought bro was providing everything from intro
@KyleJohnson-z5r
@KyleJohnson-z5r 11 ай бұрын
Thank you mosh! I have my web paper after a day. This video is really helpful to study React with all the basic concepts for a beginner. Amazing!
@soupnoodles
@soupnoodles Жыл бұрын
Could you not have mentioned at the start of the video that the "Ultimate react course" you were talking about wasn't this video itself? That totally misleads people to think you'd be building and deploying that application within this course. Anyone reading this: **You have to pay for the actual 'Ultimate react course' and this video just isn't it**
@jojohehe3251
@jojohehe3251 2 ай бұрын
Hebrews
@CreepyCat.
@CreepyCat. 22 күн бұрын
KZbin is just filled with rats 🐀
@ofirgaash
@ofirgaash 20 күн бұрын
He's not Hebrew for sure​@@jojohehe3251
@UECSoumyaRay
@UECSoumyaRay Жыл бұрын
Finally a youtuber who has a higher node version than me!!!!
@yorkshireplumbing
@yorkshireplumbing 5 ай бұрын
Am I mad, or is JS quite weird?
@ghcybertech
@ghcybertech 4 ай бұрын
Weird 😮
@Stack-Overflowed
@Stack-Overflowed 4 ай бұрын
JS is the first language I've been learning for the past 3 months and have so far been enjoying it. Am I weird? 😮😂
@yorkshireplumbing
@yorkshireplumbing 4 ай бұрын
@@Stack-Overflowed yeah, JavaScript isn't really programming. If it serves what you want to achieve then that's all you need. But if you want a solid understanding in foundational programming you should really study a 'proper' language, like a C language, hell, even PHP OOP is no joke these days. That's not being snobby, JS really is an abstract of an abstract with an abstract on top of that (TS)... it's pretty weird 😶‍🌫🙂
@zjmullan
@zjmullan 3 ай бұрын
​@@Stack-Overflowednah it's normal to be comfortable with what you learned first. Since js is quite different from normal languages like c++ and java, it's weird to the majority of us that didn't learn js first
@gojiomnnm
@gojiomnnm 3 ай бұрын
Js is not weird after you finish learning es6,jsx and typescript.
@marilynm.7803
@marilynm.7803 Жыл бұрын
You're awesome Mosh! You're creating a great community with your videos and we appreciate you!
@oyesaurabh
@oyesaurabh Жыл бұрын
Don't tell me we have to buy the next part.
@sarmadrafique426
@sarmadrafique426 Жыл бұрын
You have to. 😂😝
@bharathsingh6566
@bharathsingh6566 Жыл бұрын
Well, check the description for full course.
@anshikgupta2993
@anshikgupta2993 Жыл бұрын
Yes we have to
@harishpenta9876
@harishpenta9876 Жыл бұрын
😅🤣
@nocopyrightgameplaystockvi231
@nocopyrightgameplaystockvi231 Жыл бұрын
It's $10, not even a thousand rupees. So I think you can spend that much provided this guy is giving here high quality content.
@rahulpyd1
@rahulpyd1 Жыл бұрын
Not an active React developer but learned quite a lot from the videos. Thanks. Very engaging.
@tsb-hq3960
@tsb-hq3960 4 ай бұрын
😯 4:33 - YOOO LOOK AT THE LIKE BUTTON WHEN HE SAYS "build a like button" - thats some crazy attention to detail mosh!!
@AS-ld5mz
@AS-ld5mz 11 ай бұрын
I don't think this is a beginners course. You need to have some knowledge and be familiar with the concepts otherwise you're easily lost.
@Unknown-j7d6k
@Unknown-j7d6k 8 ай бұрын
If you know html, css and javascript you should be ok. Mosh mentions you should learn html, css and javascript before learning react.
@daltonberg9021
@daltonberg9021 7 ай бұрын
I finished a basic course on html Js & css. I have no other programming background. I was able to follow this video. What knowledge exactly did you feel you didn’t meet the prerequisites for in order to digest this content.
@wisdomanosike2554
@wisdomanosike2554 7 ай бұрын
That’s why I’m the beginning he said you need to have an idea of html, css and JavaScript to understand what is going on
@DontFretBrett
@DontFretBrett 6 ай бұрын
I’m coming from the Angular world. This was super easy for me to follow
@learnsomething...1581
@learnsomething...1581 6 ай бұрын
Before coming here complete Javascript crash course then u will be good to go .. Mosh explained everything in very simple language.
@darabecker777
@darabecker777 Ай бұрын
Excellent tutorial! I got through it all. You are a good teacher. I'm back to coding after many years in a related field.
@anonymousm2x272
@anonymousm2x272 7 ай бұрын
4 july 2024 11:24
@LucasDavis-e9q
@LucasDavis-e9q 3 ай бұрын
I am a backend softwate. This is an amazing course that I have ever seen. !!!!!
@faisalmahmood1908
@faisalmahmood1908 9 ай бұрын
Brilliant tutorial, but some reasons why I downvoted: 1. False advertisement, the video thumbnail advertises "learn react 1 hour" and then the intro tells us how you are going to make this production grade app, so I invest in watching what you claim to elude that I will learn react in 1 hour and make this production grade app. 2. 20 minutes in, "oh btw this is actually a 8 hour course and you have to pay for the rest". Immediate dislike. Aside from that this is a great video, high quality production and easy to follow, it's a shame you let yourself down so badly.
@brett7277
@brett7277 10 ай бұрын
sorry for the watch time, but as soon as I saw this was a course I enrolled right away, this course seems awesome and the best one I found, thank you!
@Bjrn-Erik
@Bjrn-Erik Ай бұрын
I found this tutorial quite useful. CS student second year with mostly java/python knowledge, and very little JS/HTML and no TS experience. But it took me roughly 10 hours to get through this video, to "fully" understand every aspect. Went down several rabbit holes. To understand this function, i need to understand how this works, and to understand how this works, i need to understand how 2 other things work. But this guide was a nice pointer in the right direction
@TheRealPhillipJacobs
@TheRealPhillipJacobs Жыл бұрын
Just finished the full course! Hands down the best tutor! Thanks Mosh!
@samuelweb6595
@samuelweb6595 Жыл бұрын
This is one of the best react beginner course. 😊
@ruthishami
@ruthishami 3 ай бұрын
Mosh's courses are the best way to learn. I love how he gives exercises so you can make sure you understood.
@Ruin3.14
@Ruin3.14 Жыл бұрын
Thank you, just got a job that uses React and I needed a refresher. Great video!
@geek_24
@geek_24 Жыл бұрын
Namaste everyone! 🙏 If you're keen on learning programming and diving into ReactJS in Hindi, I've created a video just for you: kzbin.info/www/bejne/iXe7e4ivlLx5d8k. Take a look if you're interested! Thank you and happy coding! 🚀
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 965 М.
Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript
1:02:55
Programming with Mosh
Рет қаралды 828 М.
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН
Леон киллер и Оля Полякова 😹
00:42
Канал Смеха
Рет қаралды 4,7 МЛН
God-Tier Developer Roadmap
16:42
Fireship
Рет қаралды 7 МЛН
How To Learn Any Skill SO Fast It Feels Illegal
13:48
Justin Sung
Рет қаралды 996 М.
Want to MASTER React JS? Watch This Now
3:50
DevForge
Рет қаралды 2,1 М.
TypeScript Tutorial for Beginners
1:04:28
Programming with Mosh
Рет қаралды 1,4 МЛН
React JS Explained In 10 Minutes
10:00
Dennis Ivy
Рет қаралды 381 М.
8 Rules For Learning to Code in 2025...and should you?
12:59
Travis Media
Рет қаралды 315 М.
The Best Tech Jobs for 2025: High Demand & High Pay
5:16
Programming with Mosh
Рет қаралды 271 М.
All The JavaScript You Need To Know For React
28:00
PedroTech
Рет қаралды 694 М.
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,6 МЛН
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН