React Course For Beginners - Learn React in 8 Hours

Hey Everyone! Welcome to my full React Beginners Course where I teach you everything you need to know as a beginner in React!
The first 1,000 people to use the link will get a 1 month free trial of Skillshare: skl.sh/pedrotech11221
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Business Email: [e-mail]
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
REACT COURSE FULL TIMESTAMPS
00:00:00 | Introduction
00:07:52 | Module 1: What is React?
00:18:14 | Module 2: JSX, Components, Props
00:38:02 | Module 3: Ternary Operators, Lists and CSS
01:04:33 | Module 4: States in React, useState Hook
01:30:39 | Module 5: CRUD in React, ToDo List
02:10:08 | Module 6: Component Lifecycle, useEffect Hook
02:28:16 | Module 7: Fetching Data from API's
02:57:09 | Module 8: React Router DOM
03:13:03 | Module 9: State Management, useContext Hook
03:32:02 | Module 10: React Query
03:51:38 | Module 11: Forms in React
04:19:01 | Module 12: Custom Hooks
04:40:27 | Module 13: Typescript, Type Safety
05:06:12 | Module 14: Redux Toolkit
05:29:29 | Module 15: Firebase Project (Part 1)
06:05:40 | Module 16: Firebase Project (Part 2)
06:46:08 | Module 17: Firebase Project (Part 3)
07:41:58 | Module 18: Deploying a Firebase React App
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#reactjs #coding

[@PedroTechnologies]

The excuse api is down, please use the following url instead: excuser-three.vercel.app/v1/excuse/

[@srmback]

Yo, also wanted to mention!

[@Singh54321]

Wow

[@Smurfis]

Hey bro, is this relevant currently?

[@wrench77719]

@@Smurfis yeah

[@user-wl1cx1lm7k]

hey do u use nextjs here?

[@augustineakotolarbi-ampofo6769]

Hi Pedro, just wanna thank you for your content. You're quite literally one of the best teachers of React on youtube. I have seen almost all your videos on React. My absolute favorite is your video on All React Hooks in 1.5hrs. It has been my go-to video for interviews. I pretty much have a hang of React now...but I'm still going to watch this video anyway...why? cos it's from PedroTech....there's always going to be something new to learn. Cheers man.👍

[@Wilzzub0b]

Amazing tutorial Pedro! You progressed slowly through the most important elements of React and then showed how to do things better and more efficient. Your teaching actually made me understand what I was writing, which I can't say for most of the tutorials out there. Thanks again!

[@simonmassey8850]

Great course, watched it over two days, just the right level as I had some awareness over the years but I needed a crash course to orient myself. Thanks!

[@PedroTechnologies]

Wow! Thank you so much for the support :) I really appreciate it!

[@luanabaratta]

@@kaycampbell364 😂

[@--------------------------2792]

Insane commitment bro

[@ruthjemeli8950]

@@kaycampbell364 😂😂

[@HarshWadhwa-gu4zy]

@@PedroTechnologies this theme ? I am in bw this course. Loving this btw.

[@MrStunless]

On my path of web development currently and this has been the best React video I ahve found when there seemed like a mind numbing amount. Thanks so much for your effort

[@niquebon]

1 hour in and WOW!! I'm really glad I found this video to learn React! Other videos seem to be too complex for a beginner or outdated. Your flow is exactly what fits my learning style. Big thanks to you!

[@PedroTechnologies]

Glad it was helpful! Thank you for the feedback!!

[@jadantoun8967]

The best React course on youtube by far! Thanks a lot, we hope to see more courses like this. Any plans to do a full course about Node or Angular?

[@AfreenSyed-rl1xf]

1:30 hours into the course and i absolutely love it. you made it look so simple. I guess I am lucky that I found this video

[@devinbridgelall8394]

Dude you are literally the best! This is by far the best React tutorial I’ve ever seen. This deserves an award or something lol. Thank you!!!

[@pokfan2017]

By far the most friendly React course I've had ever seen on the internet, thanks a lot Pedro!

[@PedroTechnologies]

Glad to hear that!

[@patricklepamplemousse884]

Just discovered this channel and I have to say this a gold mine, everything is very well explained and put together

[@viniclunc8553]

Faço o curso pela playlist e tem me ajudado muito a entender todos os conceitos apresentados.

[@cherie4665]

I just started watching this video, and it's so much better than the other tutorials I've come across. I finally feel confident in tackling React. Thank you for the work you do!

[@bicycle461]

Your React videos are the best! I have watched so many different ones and I learn the most from yours by far!

[@lucasdamasceno7068]

Damn tava procurando um vídeo top de react, vai salvar dms amigo. Parabéns pela fluência ✌️👋

[@velafarD]

its my first react course. just finished module5. the way you are teaching things is amazing! thank you for this amazing course!

[@volodymyrsanotskyi3473]

what a gem!!!! exactly what I was looking for, my love for react is only growing!!

[@rockbluestudios9200]

the most well-explained, concise React course by far; goes well above a lot of paid courses in terms of understandability and content. This is amazing!

[@anjalithakur1693]

i wont lie dude u literally saved me .....guys this is the best channel for react. The way he teaches is the best ...thanks alot Pedro

[@codewithguillaume]

My friend. That’s exactly what I needed. Will look at it entirely for sure !

[@MirzabekUmaraliyev]

Nice and comprehensive lessons. There is no need to go expensive courses to learn the same thing . Honestly Your videos are much more helpful and understandable to me.

[@fefobarberi4084]

Awesome ! 😀 Never struggled this much before to find the right tutorial. Some were slow, some presented with a boring weird english, many were not up to date. Pedro's is a really nice one!!!

[@paulaneesh7]

By far the best ever React Tutorial on entire KZbin and even better some paid courses You are an absolute legend bro, keep going Huge respect 🙏

[@go4fazal]

This is by far one of the best getting started course on React. You will rock as long as you are familiar with basic ES6 concepts! Thanks for putting it together, mate!

[@PedroTechnologies]

Thank you so much for the support! Happy to hear u liked the course :)

[@jeklo3713]

Can I learn react if I have understanding of JavaScript fundamentals

[@smartphonecodes1]

@@PedroTechnologies Thanks from me too, best course I got which gives more in less time with latest things ♥

[@user-uc7zf1xd8p]

Actually an amazing tutorial, easy to follow, and not a snooze fest, Good Job!, these kinds of things especially for programming are rare!

[@--------------------------2792]

Hi Pedro , I am same age as you but I admire your hard working on managing making courses ,handling collage, job meanwhile I cant even manage collage .Have a productive year ahead and thanks for this course.

[@tasneemibnealam9960]

I have tried different ReactJs tutorials on youtube, I have to say that yours is the best one. Keep up the good work!

[@miksvillamor]

Thank you so much Perdo! For sure everyone is looking for a part 2 of this video on the advance topics.

[@mikeandrewfernandez9797]

Subbed! This is exactly how I dream that someone would teach me like. He exactly explains it in the way how he himself understood it. Very clear and straightforward!

[@cruzinsweetsntreats]

So did I, even before the first hour of the long video :D 2024-02-21

[@bobdaawid2218]

Just Finished the course and woow this is so great pedro! Would be going for your 6 project building next. Thank you so much.

[@HarmanSingh-tp7xs]

Loved the way you clear small doubts and gives different examples to digest the new concept. Literally, no other course did this. And giving exercises after every concept is awesome. Please do create more tutorials and projects on MERN. Thanks a lot Pedro !

[@ivannikolic4310]

Pedro, I'm already working as a front-end dev, but I've established and learned a lot from you. All praises for the courses and all your work.

[@PedroTechnologies]

I appreciate it

[@sahad_abd]

Heyy jam going to join as a fresher in developer role .. will this video be helpful in industry?

[@misanduschool6281]

Just finished the whole course and learned heaps. Keep up the great work 🙌

[@iafofkhadze4628]

Pedro u did so great ! it's freaking awesome

[@MistaBakes]

You're a great tutor, no buzzwords and tech jargons just meaning with true clarity, thank you

[@luther4287]

This is one of the best React beginners course I have seen on KZbin. My learnings have been absolutely exponential. Thank you for creating content like this, much appreciated!

[@Sakshi01188]

can you explain this project in detail like what should i tell interviewer about this project please define it

[@Nightw4lker]

I've done a paid course on React and honestly this is much better. The escalation of complexity is handled perfectly and you are very easy to listen to. You've got a gift for teaching Pedro!

[@johnerwinchan7279]

agree especially for newbies

[@Brian-zc6yp]

this helped me so much man thank you im excited for more content!

[@hafsanadeem5547]

Wow! Such a great tutorial and is super easy to go through. You deserve a lot of aaplause for how helpful this is for so many people❤️

[@battlebear]

I tried a few React tutorials and yours is so amazing! This is actually my fav course. It's to the point and all useful topics. If possible, videos on MERN would be great. Thank you.

[@monat_son]

Pedro, my man. This is the best course so far on youtube! Thank you!

[@mihaipascu4975]

A very good course, beautifuly and coherently explained! You are a TRUE professional!!! Thank you very much!

[@mateusleitepedrosa2353]

Muito bom! Parabéns, Pedro!!

[@mahdisalmanizadegan5595]

best course ever, thank you Pedro for your kindness and teaching style.

[@chippandenga6722]

So appreciate the course, Pedro. It was a great introduction to react. Good work, my guy✌

[@gavenlrobertson7352]

Your a naturally gifted teacher. Love all your courses and everything you post. God Bless you!

[@JamesTolias]

Wow.. I think this is the best React Course in all of KZbin.. And beyond the knowledge you have on the subject and the very good structure of the course I think the one thing that makes you stand out from other courses is that you can fully understand your students! Keep up the good work!

[@Sakshi01188]

can you explain this project in detail like what should i tell interviewer about this project please define it

[@touseefibnkhaleel3643]

thank you so much for putting your valuable time into creating such a masterpiece. Would love to see how you guys work on a feature in real applications.

[@hiwotina26]

Bravo! I followed all your react course and learned a lot. Please consider doing more react projects to solidify our knowledge.

[@seroslav6934]

I can't emphasize enough how awesome this guide is. Thank you!!

[@topherreynolds3999]

Thanks man! I really enjoyed this tutorial and learned a lot! Keep it up!

[@Odidi_Bee6ix]

Nice work man🖤🖤🙌🏾 Thanks To you i learnt things I didn't know in react. Weldone

[@zombiefacesupreme]

Even better than some paid tutorials that I've done, so I felt like you deserved some more thanks for putting this out there for free!

[@PedroTechnologies]

Thank you so much for the support!!

[@HrishiKW]

which paid course you did?

[@Original-nv2vz]

The whole course is just great! Keep it up Pedro.

[@buddika6536]

Thank you. I just followed few modules in this course. This course really helpful. Thank you agin ❤

[@godloveinaction]

Gone and gone untill i landed here and got what i was looking for, thanks Pedro this is the best react course ive seen

[@HassanFakhry-x5x]

Loving this course! I'm aiming to learn the basics of React in a week before diving into my first projects. I'm halfway through and have already gained so much knowledge. Thank you, Pedro 🙏

[@AmanKozybayev]

Pedro, thank you for your tutorial! Great explanation!

[@leomacdon7858]

I watched random React tutorials on KZbin not more than 5 minutes but this one took me more than that and I paused the video just to say . Thank you Pedro, you did an amazing job. I will just return back and continue. 👍

[@moviessara374]

After finding a lot of videos in KZbin finally I got your video and after watching your lectures all of doubts are cleared. Really the way you are teaching with some practice problems is very nice. Thank you so much bro for the wonderful video on React...❤️

[@anandhujayan8227]

Thanks for the course man, just finished it.Really helped a lot

[@somecompany3506]

Great course, I really like how you explain things!

[@thierry9726]

Thank You very much for this corse, in 1 hour i get already something glad and clear.. U're the best

[@Nero-zc4lv]

Watched it to the last second. Amazing stuff. Thank you.

[@donmikkodanm.olmillo8154]

Hi PedroTech, I reach out to you because I love how you teach about web so easily. Please do an updated axios tutorial on react / nextjs especially they just released a stable version (1.0.0) a few days ago. Thank you

[@leandrogtabak]

The part where you do the custom hook was beautiful cause I actually understood why we destructure the array also in useState

[@KAMIL-jc8nn]

Great tutorial, you gave me big motivation. You still remember when you where beginner and I dont feel that stupid. Just thank you

[@deadeyeshooter8818]

I need to learn React as fast as possible and that course of yours is the best to start with so far.

[@vincentbaquiro2114]

Hi @pedroTech, I'm happy so find this awesome tutorial for react js. currently learning from your video

[@user-wp6fz6hx1c]

Thank you very much Pedro it's the first time i see good video understandble like this. keep on making other videsos👌

[@leulwebshet9750]

I really want say thank you really, It is made exactly when I needed it I feel like it just for me

[@mauroreis4006]

About to start chapter 14 and i want to say thank you for this amazing course, you are an amazing teacher.

[@lucabaga29]

Gratitude for this updated course dear Pedro😁Greetings from Italy ☺

[@kalanashehan1952]

Pedro you are a great teacher. Plz continue the good work. Thanks

[@christophermawela3318]

Amazing, Have not the completed the course yet but decide to leave other channels and browse tutorials on this channel. Some people are born to teach and code. First few minutes on the videos I decided to engage this channel. Thanks...

[@nishadvadgama]

I will love to see the advanced and complex concepts with react as well!

[@tusharjoshi1217]

Strating to watch the video RN...will be commenting when I finish it. Thanks in advance

[@luisguedes7256]

BRO your didactics and your diction are so good that only with intermediate English I could understand everything. Seriously, thank you very much.

[@redcityyy]

Obrigado, amigo. Estou aprendendo muito com seu curso!!!

[@carbonarajus]

Thank you for explaining custom hooks flawlessly!

[@Cluedinage]

Nice course Pedro! I recommend creating named constants for the thumbsUp and thumbsDown HTML values, as a best practice to make your code more self-documenting.

[@vestabeats2440]

This course is golden🙌 Best react tutorial you can ever find on KZbin 💯 thanks pedro

[@Sakshi01188]

can you explain this project in detail like what should i tell interviewer about this project please define it

[@spotnuru83]

Thank you so much, really learnt so much which I was not confident about in ReactJS, its so simple and easy to learn. Anything on good Looking UI as a CSS tutorial along side of ReactJS will be great help, thanks in advance.

[@PedroTechnologies]

Thank you for the support :) I am happy I was able to help you!!

[@chadibassily7649]

Love your way of explaining things, yet not diving too deep into details that can be found on Docs for those who love to know more. I do like you pointing out the best practice and what mistakes newbees could fall into. Just one thing to add, in the TODO list, when you set the id, we could set the id : todoList.length + 1

[@Deevicode]

Thanks for making this course free, i have being watch this course for more than a week now. i have learnt alot of stuff

[@vilioralex2701]

Great course and instructor! Thank you

[@resourcelookup8678]

Love all your content my best intructor online hoping to see some day

[@pankajbisen6524]

1:29:55 (useState challenge) I solved without seeing the solution, but additionally added the if condition on the decrease button because it goes to a negative value. Thanks pedro for great explanation....

[@adhithyashine8135]

Thankyou bro for making such complex topics so easily understandable. Thankyou

[@ryanzogheib7982]

I looked at several react courses and this one is by far the best for begginers and to learn all the basics you need to know to become a react developer

[@antoniors]

Man, honestly, keep going! Thanks for everything. What should I do after watching this tutorial? Are there any follow up videos of yours that can serve as a follow up on this?

[@karanchauhan-em8ti]

"This 7-hour video on ReactJS is an absolute game-changer! 🚀 Initially, I found the topic to be quite challenging and overwhelming, but your video simplified everything in such a concise and easy-to-understand manner. 🙌 It's truly impressive how you managed to cover such a vast subject in just 7 hours. Thank you for making ReactJS accessible and helping me grasp its concepts effortlessly. You're a rockstar! 🌟"

[@hssageni9893]

dude I am learning back end development should i understand and get deeper in firebase?

[@Sakshi01188]

​@@hssageni9893can you explain this project in detail like what should i tell interviewer about this project please define it

[@PsychoDude]

Firebase is an easy backend solution not actually backend you would want to dive deep

[@LibriSonoro]

Thank you very much! I hope to learn React with the help of your course.

[@arikmosfor4907]

im a c# developer and this video is one of the best i see by far.thank you🙏

[@tunghoang9373]

Thanks for this awesome tutorial, Pedro :)

[@easycs4253]

Probably the best video on react I have seen !

[@rudiehe]

Very, very nice! Thanks! Do you plan to post a video in the future on React which addresses "clean" coding? Separating stuff through best practices and principles.

[@miftahulhadi4585]

I've seen some tutorial videos about reactJS. and this video is the best. Thanks. Greetings from Indonesia

[@Unknown-ee7db]

Best react course on yt. thanks man 💌

[@webdev644]

21 year old guy mastered and teaching React 22 year old me learning from him Great course btw Fact that you have sticked to only functional Components combined with you simplified explanation on various hooks made the course very elegant

[@MrKukuri44]

24 Years old me just started learning react :D

[@YA-hx5dz]

@@MrKukuri44 36 years old me just started XD