React Tutorial for Beginners

Master React 18 with TypeScript! ⚛️ Build amazing front-end apps with this beginner-friendly tutorial.
🚀 Want the ultimate React deep dive?
- Check out my complete course: bit.ly/3l0vWYR
- Subscribe for more awesome content: goo.gl/6PYaGF
✋ Stay connected:
- Twitter: / moshhamedani
- Facebook: / programmingwithmosh
- Instagram: / codewithmosh.official
- LinkedIn: / codewithmosh
📖 TABLE OF CONTENT
00:00:00 Course Intro
00:01:55 Prerequisites
00:02:43 What is React?
00:04:57 Setting Up the Development Environment
00:06:24 Creating a React App
00:09:17 Project Structure
00:11:20 Creating a React Component
00:16:41 How React Works
00:19:00 React Ecosystem
00:21:04 Building Components
00:21:40 Creating a ListGroup Component
00:27:15 Fragments
00:29:42 Rendering Lists
00:33:11 Conditional Rendering
00:38:36 Handling Events
00:44:43 Managing State
00:50:44 Passing Data Via Props
00:54:42 Passing Functions Via Props
00:58:27 State Vs Props
01:00:00 Passing Children
01:05:04 Inspecting Components with React Dev Tools
01:07:14 Exercise: Building a Button Component
01:14:15 Exercise: Showing an Alert
#react #reactjs #javascript #coding

Пікірлер: 1 100

  • @programmingwithmosh
    @programmingwithmosh Жыл бұрын

    - Want to learn more? Get my complete React mastery course: bit.ly/3l0vWYR - Subscribe for more videos like this: 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++

  • @user-dh2mk1pb6k

    @user-dh2mk1pb6k

    Жыл бұрын

    which theme u use in vs code?

  • @verywellrounded
    @verywellrounded6 ай бұрын

    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!

  • @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

    11 ай бұрын

    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

    10 ай бұрын

    I didn't pressed liked this comment because it was 69. Let it be 🧐

  • @SumitGupta-wr3jf

    @SumitGupta-wr3jf

    10 ай бұрын

    Is this one hour course good enough for a sample project development?

  • @szilvesztersandor

    @szilvesztersandor

    9 ай бұрын

    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.

  • @ancrobot8399
    @ancrobot839910 ай бұрын

    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!

  • @sauravkumarjha2838
    @sauravkumarjha2838 Жыл бұрын

    Your Courses are goldmine for me! Absolutely love the way you structure and deliver your courses with huge efforts.

  • @mcrazick8662
    @mcrazick866211 ай бұрын

    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!

  • @mwaikul
    @mwaikul10 ай бұрын

    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!

  • @johngoutung1229
    @johngoutung122911 ай бұрын

    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

    11 ай бұрын

    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

    11 ай бұрын

    I think its a paid comment

  • @bringbackdislikes3195

    @bringbackdislikes3195

    9 ай бұрын

    @@mrfabulous3303 It is, don't trust this scam.

  • @CedaFTW

    @CedaFTW

    Күн бұрын

    @@mrfabulous3303 It is a scam, the edit says "for those asking: literally no one asked LOL

  • @alex_blue5802
    @alex_blue580211 ай бұрын

    Mosh's courses are the best way to learn. I love how he gives exercises so you can make sure you understood.

  • @tayyabgee5503
    @tayyabgee5503 Жыл бұрын

    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!

  • @sgorneau
    @sgorneau5 ай бұрын

    This has to be the best hour and 20 minutes of learning on KZread! You are an excellent teacher! I hope you know how helpful and clear your style is.

  • @alexamin5003

    @alexamin5003

    21 күн бұрын

    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!

  • @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 kzread.info/dash/bejne/mGlp08eEd8qoj7A.html Follow this course you won't regret, it's one of the best react videos on internet

  • @rowsncols

    @rowsncols

    11 ай бұрын

    @@olanrewajudimeji3560 get a job bro

  • @obiotwastaken

    @obiotwastaken

    4 ай бұрын

    All these indians arguing 😆

  • @alm683
    @alm68310 ай бұрын

    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.

  • @KyleMaxwell
    @KyleMaxwell5 ай бұрын

    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!

  • @PongGod
    @PongGod4 ай бұрын

    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!

  • @altom_weightlifting
    @altom_weightlifting6 ай бұрын

    I've been developing for a few years and your style of tutorials are some of the best that i've come across. Thank you!

  • @monzerfaisal3673
    @monzerfaisal367310 ай бұрын

    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

  • @rakshiths6852
    @rakshiths6852 Жыл бұрын

    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.

  • @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**

  • @SerialLinker
    @SerialLinker10 ай бұрын

    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 ^^

  • @phillip_jacobs
    @phillip_jacobs9 ай бұрын

    Just finished the full course! Hands down the best tutor! Thanks Mosh!

  • @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

    5 ай бұрын

    @@timSquash by using console.log('working'); lol

  • @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!! 👍

  • @uchennajoelicon1060
    @uchennajoelicon1060Ай бұрын

    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

  • @johnnyholiday1150
    @johnnyholiday1150 Жыл бұрын

    This is great thanks!! I hope that every project will show us how to use different tools and react features :) Thank you Mosh

  • @sunilshastry
    @sunilshastry Жыл бұрын

    For everyone asking what theme he's using, its called "oh lucy"

  • @devquen7688

    @devquen7688

    Жыл бұрын

    tks you

  • @arikmosfor4907

    @arikmosfor4907

    Жыл бұрын

    🙏🙏

  • @user-bp8jq6fg2u

    @user-bp8jq6fg2u

    8 ай бұрын

    Please how can I get the continuietion of this course

  • @lordesca4364

    @lordesca4364

    7 ай бұрын

    ​@@user-bp8jq6fg2uyou can purchase or you can download it

  • @dhavaldudheliya6938

    @dhavaldudheliya6938

    7 ай бұрын

    Thanks bro. I am here for that same question and first comment is yours ❤

  • @-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

    Ай бұрын

    Refer telusko bro django is different world

  • @-0-__-0-

    @-0-__-0-

    Ай бұрын

    @@sivanarulanbu9252 I meant react jesus it's been a year already.

  • @andresantos-ud4ht
    @andresantos-ud4ht Жыл бұрын

    Thats an amazing course. I totally recommended. With detailed explanation, full of examples and exercises. In the end, there as an project, exemplifying everything learned.

  • @wilsonimpson2788
    @wilsonimpson2788 Жыл бұрын

    This was incredibly helpful! Particularly getting my IDE set up to then work alongside GPT4/CoPilot... nothing can stop me now! :)

  • @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

    2 ай бұрын

    do need to purchase his course or this video and some projects are sufficient??

  • @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?

  • @senju31
    @senju313 ай бұрын

    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!

  • @mizile1486
    @mizile1486 Жыл бұрын

    I completed a short React course before coming to this video, and this video showed me more things that were skipped in that other course. Thanks

  • @vrojak7636
    @vrojak763611 ай бұрын

    Thanks, lets see how well this prepared me for my job interview next week 🙌

  • @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

    9 ай бұрын

    @@olanrewajudimeji3560 Did someone share it? i need it too

  • @peterwan1808
    @peterwan18085 ай бұрын

    The Ctrl + D shortcut to find the next occurrence of a word was such a neat trick! Really enjoying the lesson - thank you!

  • @chadzulu4328
    @chadzulu4328 Жыл бұрын

    This is a very thorough and easy to understand tutorial, thanks so much Mosh!

  • @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.

  • @saulgoodman7693
    @saulgoodman76938 ай бұрын

    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

    5 ай бұрын

    Someone is considering changing fields

  • @abdulwarissherzad9914
    @abdulwarissherzad99146 ай бұрын

    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.

  • @winstonmhango3437
    @winstonmhango3437 Жыл бұрын

    My first encounter was with mosh's React video from 5 years ago...and I belive its still on this channel...now that this is now out, using new react features, I will watch it all...and ofxourse share with my friends.

  • @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?

  • @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

  • @blitzritter7867
    @blitzritter78676 ай бұрын

    This is a great course, well structured, not too fast and in depth explanations

  • @walius1988
    @walius19883 ай бұрын

    This was my very first tutorial for React and I loved it. I am a back end developer and I want to learn React.

  • @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

  • @graniteprogrammingtutorials
    @graniteprogrammingtutorials9 ай бұрын

    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

    8 ай бұрын

    Well that is React a big mess every developer pretends is enjoyable to code it.

  • @veryhyped

    @veryhyped

    8 ай бұрын

    @@jwoods9659facts. thanks for being honest. what’s the alternative?

  • @242feder

    @242feder

    3 ай бұрын

    @@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

  • @akaijoe3582
    @akaijoe3582 Жыл бұрын

    Looks great! Vite was a good choice for a modern react course. Hopefully that means we are one step closer to a NextJS course 🤞

  • @pedrolemos806
    @pedrolemos8066 ай бұрын

    Top video, it was like watching tv, loved how plain and simple you explained the concepts. Please keep posting more of this!

  • @MohammadMansourBone
    @MohammadMansourBone Жыл бұрын

    We have been waiting for this for a long time 😁

  • @helloworldprogram58
    @helloworldprogram589 ай бұрын

    Thank you for making this course!! you are a very good instructor and explain things in a very easy manner!! I understood everything in no time!! Thank You!!❤

  • @anikait2953
    @anikait29533 ай бұрын

    The soundtracks used in the video between different parts give a very positive vibe

  • @ArthurWuYeah211
    @ArthurWuYeah211 Жыл бұрын

    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

  • @ArthurWuYeah211

    @ArthurWuYeah211

    Жыл бұрын

    @@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

  • @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...

  • @manuelsanchezweb
    @manuelsanchezweb Жыл бұрын

    Supercool! I also released a crash course from React, but in Spanish and only with JavaScript. Your channel is very inspiring!

  • @kakyoindonut3213
    @kakyoindonut3213 Жыл бұрын

    you're a savior for uploading this right in time as I was learning react!!

  • @dr.lalthompson4670
    @dr.lalthompson4670 Жыл бұрын

    Mosh plz put more effort into ur youtube thumbnails. Masterpieces like this ought to be seen by more people ;)

  • @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.

  • @Ruin3.14
    @Ruin3.146 ай бұрын

    Thank you, just got a job that uses React and I needed a refresher. Great video!

  • @marilynm.7803
    @marilynm.78037 ай бұрын

    You're awesome Mosh! You're creating a great community with your videos and we appreciate you!

  • @user-se3th7mz8e
    @user-se3th7mz8e6 ай бұрын

    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!

  • @cricketknowledge5393

    @cricketknowledge5393

    5 ай бұрын

    You paid for it?😅

  • @user-se3th7mz8e

    @user-se3th7mz8e

    5 ай бұрын

    @@cricketknowledge5393 no

  • @alwinw64

    @alwinw64

    5 ай бұрын

    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

    5 ай бұрын

    1sr he didn't say full course! 2nd his courses are priceless. They worth every penny you pay

  • @ezziukas

    @ezziukas

    5 ай бұрын

    ​@@ouadieelouardy1171he state "you will learn REACT in 1 hour" :) you barely can start the development enviro in that time for the first time.

  • @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

  • @meshkaka
    @meshkaka Жыл бұрын

    Whenever i want to get my hands on any new technology, i first check IF EXISTS in this channel .Thanks Mosh.

  • @MehrabEvanC94
    @MehrabEvanC942 ай бұрын

    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.

  • @sediqiata2678
    @sediqiata2678 Жыл бұрын

    00:00:00 - Course Intro 00:01:55 Prerequisites 00:02:43 What is React? 00:04:57 Setting Up the Development Environment 00:06:24 Creating a React App 00:09:17 Project Structure 00:11:20 Creating a React Component 00:16:41 How React Works 00:19:00 React Ecosystem 00:21:04 Building Components 00:21:40 Creating a ListGroup Component 00:27:15 Fragments 00:29:42 Rendering Lists 00:33:11 Conditional Rendering 00:38:36 Handling Events 00:44:43 Managing State 00:50:44 Passing Data Via Props 00:54:42 Passing Functions Via Props 00:58:27 State Vs Props 01:00:00 Passing Children 01:05:04 Inspecting Components with React Dev Tools 01:07:14 Exercise: Building a Button Component 01:14:15 Exercise: Showing an Alert

  • @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.

  • @markergaming8394
    @markergaming839410 ай бұрын

    Bought the course. $20 for the best teacher. Great way to give a hour of content first and add value.

  • @velvetknitter
    @velvetknitter11 ай бұрын

    Amazing! Thank you, I've learnt so so much. You make learning these things so engaging and clear.

  • @AS-ld5mz
    @AS-ld5mz2 ай бұрын

    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.

  • @soupnoodles
    @soupnoodles11 ай бұрын

    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**

  • @ropafadzo55
    @ropafadzo55 Жыл бұрын

    Finally, I was waiting long for this course on React

  • @mikaelnilsson8041
    @mikaelnilsson80418 ай бұрын

    This is the most clear and concise basic ReactJS tutorial on KZread 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.

  • @TheYAWHNIE
    @TheYAWHNIE8 ай бұрын

    This made my "migration" from Angular to React very smooth! Thanks 🙏

  • @Kidrock87
    @Kidrock876 ай бұрын

    Thank you for the tutorial! I have a question, or rather, observation. At 55:02, basically the section of "Passing Functions Via Props" while understanding that we can pass functions through props is important. The example's result of logging the item's name into the console could be solved easily with adding 1 line after setSelectedIndex(index); that is: console.log(item); which essentially does the exact same thing :DD Definitely not me trying to devalue your tutorial video, rather, I'm quite happy that I noticed I could do a little something with how little I know of React thus far. Thanks for the video again!

  • @cydexcode
    @cydexcode9 ай бұрын

    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.....

  • @nahombinyam3759
    @nahombinyam375910 ай бұрын

    I have been struggling to learn react for a long time but thanks to you that curse have been lifted 🙏

  • @bp-ob8ic
    @bp-ob8ic Жыл бұрын

    This was great!! Thanks for the update. A ton of things that make so much more sense now.

  • @user-uc5fu5dr9r
    @user-uc5fu5dr9r6 ай бұрын

    I have a little understanding in Blazor so with your turtorial i think i am now ready to start my first project with react. Thanks a lot.

  • @vunpac5
    @vunpac525 күн бұрын

    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!

  • @Liubov_110
    @Liubov_110 Жыл бұрын

    Mosh, Thank you so much for this excellent tutorial. As a Python Web developer on a studying stage sometimes I see mentions of React in job openings for fullstack development. Now it will no longer scare me, as it is with html/css/bootstrap collection. By the way, I guess Django Template Language took {{ double curly braces }} only because {single ones} were reserved by JavaScript

  • @arnhav6090
    @arnhav6090 Жыл бұрын

    EXACTLY WHAT I NEEDED. THANKS SO MUCH

  • @actnowordreamon6774
    @actnowordreamon67746 ай бұрын

    That is a great overview. I walk through it, done all exercises and have a better understanding.

  • @tommasotranchese150
    @tommasotranchese150 Жыл бұрын

    this is probably one of the best tutorials so far, I just wished you went a little slower sometimes cause I had to stop and catch up with the code, but overall I understood like everything, so it worked! thank you

  • @VapidVulpes
    @VapidVulpes5 ай бұрын

    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!

  • @VideoUser47316
    @VideoUser4731628 күн бұрын

    Backend developer trying to be full-stack here. Best explanation of React concepts I've seen before. Thanks a lot!

  • @MaxenGaynier28
    @MaxenGaynier282 ай бұрын

    Went to the website and purchased the course... hands down the best money I've ever spent.

  • @mark_pherz
    @mark_pherz11 ай бұрын

    Great video! I knew nothing about react and programming at all just an hour and a half before and now I'm building apps and working at meta

  • @meowmeowmeow1243
    @meowmeowmeow1243 Жыл бұрын

    This is so awesome, thank you so much Mosh!

  • @ildisilaghi2306
    @ildisilaghi230625 күн бұрын

    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 !!!

  • @basishumba3153
    @basishumba3153 Жыл бұрын

    Hi MOSH. thanks for a very good course. I wish one day you do a course on springboot and hibernate. I will be waiting patiently for the moment you anounce for it's coming

  • @Durowave
    @Durowave6 ай бұрын

    Wow! We are a RnD Team we also watch your videos to lean coding. Thanks Mosh

  • @user-wx5ue4xw1y
    @user-wx5ue4xw1y11 ай бұрын

    bro, i'm starting to consume english content about code and all this things and ur channel help me so much, i love how you explain complicated things in a simple way, i'm thinking about buy ur complete course!!

  • @daminisuthar9790
    @daminisuthar97903 ай бұрын

    Absolutely well defined and amazing content. Finally got something which is easy and quick video to refresh React.

  • @raulremesalvanmerode4458
    @raulremesalvanmerode4458 Жыл бұрын

    watched part of the other react video of yours yesterday. Great timing on this video!!

  • @MichaeljMr
    @MichaeljMr3 ай бұрын

    Thank you Mosh, took me a couple days to complete this first video, I watched it over the weekend without coding along and rewatched it over the past 2 days to try the button and alert solution myself (failed miserably :p)... it's just a case of trying to remember the syntax and how to build components consitently. I just bought your react 18 for beginners for 17 eu which is a fair price for 8 hours of content. Might consider subscribing for a couple months after I complete this first one - will see how it goes! Looking to finally switch careers and become a software developer - hope this will be the boost in knowledge I need to launch my new carreer! Cheers and best of luck!

  • @rahulpyd1
    @rahulpyd17 ай бұрын

    Not an active React developer but learned quite a lot from the videos. Thanks. Very engaging.

  • @callme_SAUCE
    @callme_SAUCE Жыл бұрын

    the tutorial is so amazing its easy to follow THANK you Master Mosh! newbie here!

  • @Tron66
    @Tron668 ай бұрын

    Am new to React but after watching this i feel like a pro. Thanks Mosh and keep up the great content

  • @Nxck2440
    @Nxck2440 Жыл бұрын

    I have an interview tomorrow where they will ask me to make some kind of app in React. I've barely even coded in JS before, let alone React. Your vid was just in time, tysm!!

  • @paakwesio

    @paakwesio

    Жыл бұрын

    How did your interview go?

  • @Nxck2440

    @Nxck2440

    Жыл бұрын

    @@paakwesio better than I thought :) it turns out I wasn't expected to know much about flask, it was more of a test to see how fast I could learn and apply it in the interview

  • @SuhailKhatarnok
    @SuhailKhatarnok11 ай бұрын

    Hey Mosh, love your work. Can you make a fullstack course with NextJS, NextAuth, graphql and mongodb using typescript and maybe dockers at the end. It would be the ultimate fullstack course