React JS Full Course 2023 | Build an App and Master React in 1 Hour

1,533,923
0
Published 2022-03-04
After building this simple, half-hour movie application, imagine what a long and comprehensive 20-hour Next.js course would look like! Check it out now - jsmastery.pro/next13

💻JS Mastery Pro - jsmastery.pro/?discount=youtube
✅ A special YOUTUBE discount code is automatically applied!

📚 Materials/References:
Ultimate React Roadmap - resource.jsmastery.pro/reactjs-guide
JS Mastery PRO - resource.jsmastery.pro/pro
Movie App Code - gist.github.com/adrianhajdin/997a8cdf94234e889fa47…
2022 Web Dev Roadmap -    • Become a Full Stack Web Developer in ...  
JavaScript Course: www.completepathtojavascriptmastery.com/
Use the special promo code "YOUTUBE" on checkout to save $60!

Learning JavaScript libraries and frameworks can be overwhelming. There are many libraries to choose from, and no proper step-by-step guides that’ll teach you how to use these libraries to their fullest potential. That’s why, in this video, you’ll learn the most popular JavaScript library, used by hundreds of thousands of developers worldwide - React.js.

If you want to learn everything from the essential JSX syntax all the way to more advanced React topics, like state, hooks, data fetching, and more, you’ve come to the right place. Most importantly, I’ll teach you how to build a React.js application so that you can actively internalize and independently apply everything you’ve learned in this beginner-friendly React Crash Course video.

❤️ Support JavaScript Mastery & Suggest Future Videos:
BuyMeACoffe: www.buymeacoffee.com/JSMastery
Patreon: www.patreon.com/javascriptmastery

🌎 Find Me Here:
Discord Group: discord.gg/n6EdbFJ
Instagram: instagram.com/javascriptmastery
Twitter: twitter.com/jsmasterypro

💼 Business Inquiries:
E-mail: [email protected]

Time Stamps 👇
00:00 Overview
00:13:10 React in Practice
00:41:08 Developing a Pr

All Comments (21)
  • I'm in a code camp at the moment and half-way through the video I can already say: The way you point out certain basic principles and good practices seem (1) very logical and undestandable to me. And (2) you explain it in a more structured way than my teachers at codecamp. Thanks for taking the time to explain this in detail.
  • @qbwoa
    Thank you, Andrian. This is absolutely my first react project and the first time I got to understand the concepts. You are a great teacher.
  • @moomin2439
    I'm a seasoned backend and cloud engineer, and I've never really cut my teeth on front end development before. This guide was fantastic at filling in some of the gaps I had after an initial read of the React documentation. Thanks!
  • This was the best tutorial I've tried so far. I made it all the way to the end without giving up AND I was even using a mock api from json file I create for video games instead of movies as I was learning minimal API at the same time and everything worked out great! Thanks a lot for this.
  • @gime1945
    I never realized how helpful the actual visualization of the concepts would be. Thank you for that. It definitely improves the learning experience for a lot of us, and it's far better than just hearing someone talk.
  • After building this simple, half-hour movie application, imagine what a long and comprehensive 20-hour Next.js course would look like! Check it out now - jsmastery.pro/next13
  • This tutorial is the best I've come across. Finally a lecturer who explains basic stuff in detail for dummies like me! 😂 Makes learning coding a lot easier for sure!
  • @lloykings3391
    JSM has always been the best. of all the amazing react video tutorials on this channel, this formal course is the one that has been lacking to connect the dots... am super excited
  • I have watched several tutorials on youtube. I learn from tutorials, but you're a GREAT TUTOR! You made it look so simple. You're good. Simply good.
  • @anyeone
    Great crash course, Adrian! Long time dev but (mostly) new to React, this was a perfect intro for me to kickstart my knowledge. Thanks!
  • I just did this project and it works amazing. Thank you Adrian for making so many great tutorials. Also, the pace and sound of your voice make me confident while doing the tutorials. Keep doing this great job!🎖🏆🏅🔥👍💯
  • I did struggle a lot to learn React. Wasted a lot of 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".
  • @simple8810
    I love the way you provide everything in the code short video with bundle of stuff and nothing missed So enjoyed a lot ,gonna watch and practice the whole react course you provided Thanks once again😍😍
  • @user-xg8kc2cs2p
    Clearly the best intro tutorial out there. Thanks for such good content.
  • @RockstahRolln
    I've fallen in love with React just by the way you described your processes at each step! I truly enjoyed this Fantastic video, I have learned so much. You have a terrific way of explaining this in a simpler way. Thank You greatly for this!
  • @farhad.hossain
    That was a great class ever... love it <3. thank you so much for giving us this tutorial
  • For index.js: import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( );
  • Having worked with React some time ago, I recently found myself in need of a refresher to jog my memory on its core concepts and best practices. This video served as the perfect recap, succinctly summarizing all the essential knowledge I had gathered over time. It's impressive how it managed to cover both the basics and some nuanced details, making it invaluable for both beginners and those looking to revisit React after a break. Thank you for creating such a comprehensive and insightful resource. It's clear a lot of effort went into making this content accessible and engaging, and it certainly paid off. Great work! 👏👏👏
  • @ckapilla
    I've been putting of learning React for many years (happy with Angular), but now I need it for a project, and I'm so glad that such a wonderful intro has been created for me to use!