React JS Full Course - Build 4 Projects in 5 Hours | Zero to Hero

Learn everything you need to know to start programming with React.JS. We'll do that by completing 4 projects, where each sequential project is a progression from the last and by the end of the course you'll be a React.JS pro and you'll have some amazing projects to add to your portfolio!

#reactjs #coding #programming

✨ Get started

⬇️ Resources

-- Project 1

-- Project 2

-- Project 3

-- Project 4

⭐️ All my links!

💛 Support the channel (100% goes to channel growth)

╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

📚 Chapters
00:00 Intro
04:09 Todo List
44:05 Nasa App
01:47:00 Gym App
03:09:16 Machine Learning App

🔖 Topics Covered
- Learn React.JS
- React.JS Full Course
- React.JS Projects

[Smoljames]

For the NASA project, if you have an issue with the API be sure to clear your cache in local memory!

For the ML Transcription project if you're having an issue with an undefined model, try updating your code to include the following and then test in some different browsers and incognito windows!

env.allowLocalModels = false;

[fetonoforno]

a critic of this video as a begginer on react:

first of all, absolutely amazing, i got some deeper knowledge on components structure, data flow, children props, props itself, apis, hooks(mainly useeffect, the one that most confuzed me), better knowledge on react in general, knowledge that made me confortable working with state, components etc. I was just finished with a javascript course, so i wanted to get deeper on it by learning a llibrary, but, react is not javascript. Dont get me wrong, its the same language, but man, what a hard time i got through to understand that it is a different way of coding everything. When i got to react, all i knew about doing html, then styling with css, proceeding with js, using a lot of createElement() and just getting used to that, was "thrown away", not the knowledge i had, but the whole process and order i did things. So while react is just a library, it changed everything, so TLDR react is not the same learning process and order as javascript. So, after all that, about the video

the video helped me through the process of understand how to structure a site with components, something i really was confuzed about, and it made me confortable on everything about react, but, i wouldnt say it is BEGGINER friendly, although i had some shallow knowledge before this video(useState, props, conditional rendering, useEffects, events and some more stuuff), and thought i understood all of these concepts, i still got stuck some things, like what are exactly children props, how to structure the components, how do i actually use components(in the beggining i thought you made the whole site on a single component lol), use effect hook and some other things, that thankfuly to this video, i understood completely, but if didnt had any knowledge before, it would be way way way more harder to understand.

TLDR: The video is absolutely great, but i really recomend you to whatch some tutorials before watching this video, dont get it wrong, WATCH IT, im not saying to just ignore it, put it on your list of watch later and just come back later, as i think this video is a gem and a valuable learning source

btw i love you james for this video, thanks a lot.

[awakenwithoutcoffee]

thank you so much brother. Exciting times! God bless you,

[xwxrimh]

@Smoljames
Your 5 hour work looks great. I will start it in a few days. I hope to have a lot of fun and learn a lot. Thank you for making such a beautiful video

[shahrilamirul]

5 hours?!?! Damn, James. You’re doing too much 🙌 Loving it!

[kashivitagors]

It has been a great experience taking this course, it has really made me dig deeper into my brain, thank you so much

[proudmoroccan]

Thank you James for sharing. Greetings from Morocco.

[alexgarbero]

Great video so far! I didn't realize a to-do list could feel so complex. Im about 30 minutes in and I've been pausing, rewinding, and commenting on my code to make sure I actually understand what you're talking about. A lot of this feels super advanced to me but cheers to pushing through. Thanks for the vid James!

[BenjunOgania]

Thank you very much, New Subscriber ❤ your explantion is very clear

[martinyates]

Thank you! so far I've just deployed the to-dos app, got it wrong twice then realised I had a folder within a folder ("Duh") anyway after rectifying was able to deploy ("Clenches fist") Ha-ha, keep up the great work.

[saltytunafacts]

Oh fudge i just found out this channel today, it was informative and well explained well keep it up bro and also continue to realease react projects

[ZyncInteractive]

Been doing Vue for years but need to learn React. These practical tutorials were great. Thanks heaps and keep up the great work!

[eric]

Great video, super helpful and clear! I also watched your html/css zero to hero video which really made css click for me. Do you have a list of plugins you use for visual studio code? Yours seem to be more helpful than mine.

[IAM_Thene]

Thank's my friend, I am a Qa analyst working to be a web developer

[max-rdj]

Great video James, so appreciate that you've given us five hours of free content. I've just come from your Javascript course on Udemy. I feel like that really solidified the fundamental knowledge I already had. However, as a small critique, I'd say the last few chapters in that and in this, things get a little fast. Mainly, I've found my code not working as it should be, only to go back through the video and find that I missed an import declaration, presumably because I was looking at what I was typing for slightly too long and failed to see you type it. But as I said, just a small critique, and I can't fault the rest of your content. Thanks very much!

[maxburrows]

Thanks for this course. What do you think of the professional certifications offered by Meta on coursera? Front end dev/ react native certificates etc

[jasonyu]

This is super nice is there a better quality tho? The Text seems a bit blurred even on 1080p

[themountains]

Hey is anyone facing an issue in the FreeScribe app where inside the Information.jsx console.log('LOADING') won't stop running when we try to generate translation by clicking on the Translate button?

[wahiddaqaq]

How to add animation for the sidebar to open and close slowley

[Pj]

I don't have any issue but the api key is not sending title but insted its sending "How to identify that light in the sky" line. Is it my code or is api the problem