React Crash Course for Beginners - Learn ReactJS from Scratch in this 100% Free Tutorial!
ΠΠ΅ΡΠ΅Π³Π»ΡΠ΄ΡΠ² 1,513,582
ΠΠ΅Π½Ρ ΡΠΎΠΌΡGet Started with React.js and learn how to build amazing websites with ReactJS! Full Project included, 100% free!
π₯οΈ Official Website & Courses
academind.com/courses/
π¨βπ» Bestselling React Course
acad.link/reactjs
π Further Resources
React vs Angular vs Vue: academind.com/tutorials/angul...
REST API with NodeJS: academind.com/tutorials/build...
Connecting SPAs to Databases: academind.com/tutorials/conne...
What is State?: academind.com/tutorials/what-...
π Social Media
/ maxedapps
/ academind_real
/ academind_real
/ academindchannel
π¬ Academind Community on Discord
/ discord
----------
Timestamps:
Introduction 00:00
What is React 00:27
First React Code 04:15
Building SPAs 11:40
React Alternatives 13:41
Creating a React Project 16:48
Setting Up a Code Editor 25:03
Diving Into the Created Project 28:07
How React Works & Understanding Components 34:38
More About Components & Styling with CSS Classes 42:15
Building & Reusing Another Component 47:50
Pros & Dynamic Content 55:09
Handling Events 1:00:27
Adding More Components 1:07:07
Introducing State 1:12:48
Event Props 1:21:07
Adding Routing 1:28:15
Adding Links & Navigation 1:45:07
CSS Modules 1:50:28
Outputting Lists 1:56:14
Adding More ComponentsΒ΄2:02:04
Props Children 2:11:52
Adding a Form 2:20:31
Getting User Input & Handling Form Submission 2:29:30
Preparing the App for HTTP 2:39:15
Sending a Post Request 2:46:07
Navigating Programmatically 2:51:25
Getting Started with Fetching Data 2:55:07
useEffect 3:04:32
Introducing React ContextΒ΄3:14:40
Context Logic & Different Ways of Updating State 3:25:43
Using Context in Components 3:31:37
More Context Usage 3:43:48
Summary 3:50:42
----------
Code Files & Snapshots:
Vanilla JS vs React Project Code: github.com/academind/react-co...
Style Files & Dummy Data: github.com/academind/react-co...
Code Snapshots: github.com/academind/react-co...
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
@ChristyThomas07 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
1:40:20 latest version of react-router-dom does not need a "switch" and the structure is different. The code will look like this. is encapsulated in and "exact" is not needed.
@mtycoder 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
THANK YOU!
@jwfa6695 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
This needs more upvotes.
@therdeantube 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Remember to add Routes to the import { Route } from 'react-router-dom';
@minimeh6693 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Hero! π
@minajay4530 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thank you!
@itchyJaw Π ΡΠΊ ΡΠΎΠΌΡ
if you got stuck in router part which is here 1:40:40 the problem is we get a blank page and no error code. SOLUTION: import { Routes, Route } from 'react-router-dom'; import AllMeetUpsPage from './pages/AllMeetups'; import FavoritesPage from './pages/Favorites'; import NewMeetUpPage from './pages/NewMeetup'; function App() { return ( ); } export default App;
@ronnelrodriguez8312 11 ΠΌΡΡΡΡΡΠ² ΡΠΎΠΌΡ
Thanks for this man! I lost almost an hour figuring this out lol.
@Stevedeniese 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
For those getting this error: Attempted import error: 'useHistory' is not exported from 'react-router-dom'. useHistory is now replaced with useNavigate e.g. 1. Change the Import to: import { useNavigate } from "react-router-dom"; 2. Set your const variable as: const navigate = useNavigate(); 3. Replace history.replace("/") with: navigate("/", { replace: true });
@tether23 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
A God walking amongst mere mortals.
@Triple._.A 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thank you so much!
@codingwithhani7449 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thankyou :)
@adeniyiadesanmi7897 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
This is same for Switch, It has been replaced with Routes
@tekskilldev8310 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thank you Steve, help much appreciated.
@kameshkotwani 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
It will take me 2-3 days for me to learn your name, luckily I can learn react in 3 hours! Yay!
@VYeS269 Π ΡΠΊ ΡΠΎΠΌΡ
Lol
@bilalrasheed8272 Π ΡΠΊ ΡΠΎΠΌΡ
Same here π
@engineerlawalhamzatademola4267 Π ΡΠΊ ΡΠΎΠΌΡ
πππ honestly, I don't even bother to pronounce it, I only refer t him as Academind π
@HrissW Π ΡΠΊ ΡΠΎΠΌΡ
Can u build this projects by yourself w/o tut
@avinashmurmu9070 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Just completed this 4 hour long course, took me 2 days to fully grasp it. Man I gotta say nobody's explaining the way he is. Thank you so much β€οΈπ₯π₯
@kuldeepbhatt8475 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
then try stephen grider
@kuldeepbhatt8475 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
@@rortan no, actually he is on udemy. Traversy is good too. I usually watch bunch of them like deborah kurata, John papa, grider and much more. Max is good at introduction and fundamentals but for intermediate and advance you need to diversify.
@akaypee12 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Hello How did you do the CSS part just started it though
@pioleonardo 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I agree! I really understood it. The way he explains things is exceptional. Very clear and concise!
@adetayoazeez5789 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
@@osamahashim smilga is awesome π
@bobDotJS 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Max singlehandedly contributed more to my career, skills, and ultimately- quality of life. I love this guy like a brother and I've never even met him. Keep changing lives my man!
@sanashaikh3238 Π ΡΠΊ ΡΠΎΠΌΡ
If experiencing blank page , in routing ( 1:28:29 ) use following method because latest version of react-router-dom does not use : App.js import { Route ,Routes } from 'react-router-dom'; return ( );
@mosakibb Π ΡΠΊ ΡΠΎΠΌΡ
thanks a lot π
@sanashaikh3238 Π ΡΠΊ ΡΠΎΠΌΡ
@@mosakibb welcome π
@jeremey2072 Π ΡΠΊ ΡΠΎΠΌΡ
This should be pinned!
@Hiruma_ 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I am just an hour into the tutorial and I can already say that this is by far the best beginner tutorial on React I have seen until now. You truly start from zero unlike many other people which makes it easy to follow you. Thank you so much in advance. Now I'll continue watching...
@johndivine8068 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Your mode of explaining complex stuff thus making them easy truly makes you different and the best yet Max.
@tenc6491 Π ΡΠΊ ΡΠΎΠΌΡ
Hi there! Just came across your channel while I was looking around for React tutorials. Honestly, I was blown away by your teaching skill. Immensely informative, crystal clear explanation and great dedication in making sure your viewers understand what you're trying to say. I am happily subscribing to your channel in order to learn more. Man, now I feel pumped up! Thank you mate!
@dennosgil6567 Π ΡΠΊ ΡΠΎΠΌΡ
Looked around for a starting Point in my React journey (for a new job) and NEVER thought I would come across a tutorial that explains the basics/fundamentals as great as you have done here.. Especially taking the time to explain every single thing you did, and because of this to be able to follow you so easily.. much appreciated! I have worked with Angular for a few years already so I had much of this already down, but even for ppl that just start out with frontend developing it's a great vid! Thank you for making this, great job, insanely well done!
@TacoStanMan 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Of all of your content, my favorite parts are when you illustrate common mistakes - especially those that would otherwise be logical in JS - and concisely yet comprehensively explain why the mistake does not work with React. That alone has saved me what likely would have been hours trying to figure out why XYZ is not working. Great tutorial, I hope you continue creating content!
@dev.regotube 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
It took me a few days to complete this video, but I finally finished! Very very informative, I think this is one of the best react tutorial on planet Earth
@karanacharya18 Π ΡΠΊ ΡΠΎΠΌΡ
Fantastic tutorial! One update: @2:51:25 (Navigating programmatically) useHistory is now replaced by useNavigate. Instead of: const history = useHistory() history.push('/') We now use: const navigate = useNavigate() navigate('/')
@crazystories221 Π ΡΠΊ ΡΠΎΠΌΡ
Ok
@MrValiantrobe Π ΡΠΊ ΡΠΎΠΌΡ
Thanks, saved me a lot of searching
@ibrahimshifau588 5 ΠΌΡΡΡΡΡΠ² ΡΠΎΠΌΡ
@@MrValiantrobeΓ YYYyyyyyy3uzfg8gu88g8z8uz8878zz8
@AustroPower 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Can't thank you enough Max, your content is great! Love to see passionate and dedicated ppl like you πͺ
@JT-sz7ik Π ΡΠΊ ΡΠΎΠΌΡ
Hands down the best beginner React tutorial on UKposts. This helped me a lot to do a quick revision of the basics!! Thanks a lot for such amazing content.
@ShereefHisham Π ΡΠΊ ΡΠΎΠΌΡ
Finally done with the course. This was one of the best tutorial I have ever seen. Very comprehensive and to the point. No time wasted. Complete example. Everything I was looking for in a crash course. Thank you Maximilian
@achiyazigi3869 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
ive used react for couple of project and still took your curse. i was shocked to discover some of the topics you covered as it could save me a lot of time if i was familiar with it. especially the create&use context as well as useRef + routing and preventDefault. thank you very match! hope to see some react bootstrap kicking in in the next curse!
@adeniyiadesanmi7897 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I have watched other tutorial videos, but none is as good as this. He really explained everything from scratch, and made me fall in love with react.
@srta.carlota696 Π ΡΠΊ ΡΠΎΠΌΡ
for anyone new wondering, in routing, Switch has been replaced with Routes also useHistory has been replaced with useNavigate
@saheedat2829 Π ΡΠΊ ΡΠΎΠΌΡ
hi, after using Routes instead of switch, I still get a blank page in my browser. Do you know what I can do to fix that?
@itchyJaw Π ΡΠΊ ΡΠΎΠΌΡ
@@saheedat2829 YO! Im stuck on this problem too 1:40:44 Im not getting error codes as well Im getting plain white blank page
@saheedat2829 Π ΡΠΊ ΡΠΎΠΌΡ
@@itchyJaw I've fixed it now
@saheedat2829 Π ΡΠΊ ΡΠΎΠΌΡ
@@itchyJaw should I send you my GitHub link so you can check the code?
@nathanielcolbert9070 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
For anyone that had an issue setting up the Routes, the way you write the code was changed in v6 of Routing. The new syntax is like this: This update takes care of the whole switch issue btw, so that code is unnecessary.
@TheRiterislt 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
@youssefel-sebaie8098 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
thanks !!
@pascaruionela9526 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thank you!!!
@pascaruionela9526 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
@academind, please pin this comment!
@reminderclips 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Mine is keep showing a blank page, have any of you guys encountered the same problem?
@fadibakour7936 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
This was simply awesome, I just watched the entire video in one sitting, the explanation was clear, the topics where almost everything you need to start with react, thank you so much for this video.
@philosophicalninjagenericl3793 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
This is by far, the best tutorial I've seen on react. It's also one of the only up-to-date ones.
@stevenpalm9484 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Excellent job, made me go buy the full course. Thank you for your clear style with plenty of background as to why you are doing it right alone with actually doing it. Very helpful.
@studentcse1309 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I love it when acknowledged you took a long time explaining the set up because you really want us to understand what is going on instead of juts throwing a bunch of code at us, expecting we understand what is going on. That right there is why you are the best person to learn this stuff from. Most tutorial creators out there just tell you to follow along, which is great except you could not replicate that on your own and its very frustrating.
@James_XXIY_crafts Π ΡΠΊ ΡΠΎΠΌΡ
Only an hour in and I have to say massively thank you, for talking to me like I am a child, because when it comes to this type of coding, I am, most other tutorials expect you to already know what they're teaching you, so this is exactly what I need, thank you so much. β€
@cedrics7374 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I love your teaching style, very clear and you left nothing major unexplained. Thank you!
@besmirgjata8322 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Wooah this short course was awesome. Strictly on point. Thank you Max.
@melincognito9560 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Took a few days to get through to fully grasp everything but this was great content explaining the fundamentals for a beginner to React.... This is exactly what I was looking for, thank you. Will be moving forward to more advanced topics :)
@eminm6383 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
This an absolute masterclass. I was always doubtful to buy your courses on udemy but after watching this, I ll have no doubt from now on.
@ahmadimamadyan1396 Π ΡΠΊ ΡΠΎΠΌΡ
I even regret after buying max's react course. Many students feel the same and complain but no follow-up from max
@ShanilPanara 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
This is such a great course, coming from someone who's dabbled before without ever taking time to understand what things actually mean, got explain things so well! Thank you π
@TuncayKaya4 Π ΡΠΊ ΡΠΎΠΌΡ
Great video, don't waste your time by searching for another react vid. This is so marvelous.
@lionelrynjah8021 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
The Best React Js crash course I've ever seen. Truly recommendable.
@kensutherland3940 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
By far, the best React tutorial I've ever seen (on any platform). Max is incredibly thorough and explains each bit of code beautifully. I would recommend any developer who is new to REACT to watch this video.
@lizalmeida845 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Wanted a refresher on React and this was amazing to follow. Thank you!
@Miguel-ox8jb 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I've been dragging through react courses and most of them were boring and very little on hands, this fits all my needs and I highly recommend it! Loved it. Cheers!!
@armanmasangkay6513 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Very clear and understandable. I like how you explain small things that adds context to what you are doing. Great job!
@SadDamniT 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
After this video I am going to start learning React right away. Thank you for this!
@smrutisahoo7137 8 ΠΌΡΡΡΡΡΠ² ΡΠΎΠΌΡ
the import error part is very frustrating but here's a small help to get you through :) import { Route, Routes} from 'react-router-dom'; import AllMeetupsPage from './pages/AllMeetups'; import NewMeetupPage from './pages/NewMeetup'; import FavoritesPage from './pages/Favorites'; function App() { return ( ); } export default App;
@lior7daniel 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
The way you explain is just perfect! Thanks for the AMAZING job
@radhikav2911 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I have purchased your udemy course but not able to finish the course due to its length. But this one is awesome. All main points included with decent explanation. Thank you max
@kashmirtechtv2948 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
The best tutorial I ever had watched and practiced. He tells everything so patiently that we don't need to look again and again. πππβ€οΈ
@njoy2075 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I have his react course of about 32 hrs. Believe me as per him this is just a summary of what is there in reactπ
@kashmirtechtv2948 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
@@njoy2075 but I didn't buy that because of class based comments
@njoy2075 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I have his node and react course.. both are really awesome!! Very hands on and step by step
@kevyyar 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
@@kashmirtechtv2948 it's been updated using functional components
@stanimirnikolov159 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
A great walk-through and tutorial. A really clear way of explaining the fundamentals of React.
@galievramil1169 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
A few rather difficult concepts been explained awesome and deep! Great job, Man!
@TheCesarGarciaITPro 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Just started learning React a few weeks ago. Great starting training to get anybody going. Hope to start the full training class soon.
@Wlodixpro 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Its way easier if you know other lanuagues or at least JS, personally i have not touched js and understood pretty much everythig (which doesnt mean i could easily replicate it because its a lot info to take in) but it certainly will help me in my future project
@stomperhk9107 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
2:00:00 - You must use the map method here, because the map method can return values. If you use forEach, it won't be able to return any value, only undefined of course.
@waqasahmed8660 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Very well explained and presented. Your voice and pronunciation is so crystal clear that I never have to rewind to listen. Thanks for the amazing tutorial. Loved it !!
@joseperazah.2596 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Amazing crash course: Your content is a cut above the rest when it comes down to breaking things into the simplest possible terms!
@LuismaLorca 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
49:46 - Actually since you're using default exports, the name of your component doesn't matter at all, it could be even snake case or having no name at all (anonymous function). That's why using default exports is generally a bad practice. It's harder to debug, find definition/references, etc. You should always use named exports.
@va9if 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
nobody: web dev related videos: well, React will React.
@brandonhopkins3438 6 ΠΌΡΡΡΡΡΠ² ΡΠΎΠΌΡ
This was by far the best tutorial on React I've watched. The best thing about this is that not only does he go slowly and explains things extremely well, he encourages and shows you how to properly layout your files so that code doesn't get all jumbled. He enforces structure. Incredible tutorial, really. Thank you so much.
@noji7603 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I really appreciate this crash course! You're a remarkable instructor. Thank you so much!
@yusufdemir9531 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
in react-router-dom v6
@zauche81 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thanks a lot, dude ! ;) .... and 'Routes' has to be imported aswell
@snoz9048 Π ΡΠΊ ΡΠΎΠΌΡ
The care and effort put into this tutorial is just insane.
@giuseppemirra1041 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thank u a lot!! I found the other tutorials on youtube but i wasn't learning just writing their code on my IDE. Instead with this video i'm understanding the concept of React and how it works. So immediately subscribed and activated the bell! Thanks a lot man!!
@user-sh5qp6uu1e 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Man I like your style! You manipulate your voice up and down so I never get bored of just listening the material. Subscribed
@gustavoolivermaia 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I just wanted to tell you that this video helped me a lot, This video is so great that I wish I could like it multiple times. I had never studied React before and after watching this tutorial, I feel like I can start developing. Thank You, Max
@muhammadsaqib-bi7vp 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
haha..Sorry I think you are exaggerating...
@libertinesrock 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Up there with the best teachers on UKposts. Will use this as breakfast watching to sort out any missing React knowledge
@webdevguy_ 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
That will be a long breakfast. :-)
@examplewastaken 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
@@webdevguy_ only a 3 hour breakfast is a good breakfast. :p
@javierguajardocanseco8519 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
WOW, thank you so much. I've been trying to get into react for quite a while, and this tutorial got me really excited about learning more. Great teacher
@ejhong7986 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
i ve watched many videos trying to understand the concept of react and what it does, and this video has the most clear and easy-to-understand explanation, for me at least. thank you !
@aprilucid 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
This is comprehensive... and so nice! finally having a scaffolding of this whole React library!!! so happy that I got your tutorial
@chernin91 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Π¦
@chernin91 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Π¦Π²ΠΏΡΠΈΠΏ
@chernin91 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Π£Π²Π΄ΠΊΡΡΡ
@chernin91 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
ΠΡΡ
@chernin91 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Π¦ΡΠ°
@soniclasses7841 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
from last 15 days i was looking for this and you posted on it one of the best teacher i can say
@saharhasson6025 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Academind you guys are great, clearly can see your love for your work. It worth it all ! Thank you guys!
@abhishekpandey8766 Π ΡΠΊ ΡΠΎΠΌΡ
I have completed an hour tutorial so far and this course is awesome! very clear and to the point. Thanks Academind.
@Thilina4321 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Please make a Aws advanced course. Your aws introduction course is superb. Love to take separate Aws advanced course from you max. Thanks for everything β€
@agilustre 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I finished this in one sitting and I found it to be the best-explained one for a crash course! Really great content!!! I bought your course on TypeScript before and it's just sitting in my Udemy. But after watching this, I feel motivated to finish it and get your full course on React, too! Thank you so much for this course! Many more to come! Please! More power to you and Academind!
@shaulrajput2668 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
really you finish in one sitting
@Wlodixpro 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
@@shaulrajput2668 i mean its possible but as someone who barely touched vanilla js it took me 3 days (about 2-3 hours each day) to get to almost to 2h 30 minutes of this video... After reaching the firebase stuff i just watched simply because i dont see a need in repeating everything he does and I will try to make my own project and go back to this video whenever needed
@nathanielnizard2163 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Ty for going on yt for this one. Your angular course helped me and my team quite bit few years ago. We delivered and we had 0 experience with it, few subway sessions of udemy and it went very well.
@salmanfarooq8570 Π ΡΠΊ ΡΠΎΠΌΡ
This person's simple yet thorough way of teaching finally made React click in my mind after I had failed to grasp it all multiple times in the past
@academind 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
React 18 Update: The video still teaches the latest version of React. The only update required is in index.js (use ReactDOM.createRoot() instead of ReactDOM.render()) - also see: academind.com/tutorials/react-18-update-guide#updating-from-react-17-to-react-18 Timestamps: Introduction 00:00 What is React 00:27 First React Code 04:15 Building SPAs 11:40 React Alternatives 13:41 Creating a React Project 16:48 Setting Up a Code Editor 25:03 Diving Into the Created Project 28:07 How React Works & Understanding Components 34:38 More About Components & Styling with CSS Classes 42:15 Building & Reusing Another Component 47:50 Pros & Dynamic Content 55:09 Handling Events 1:00:27 Adding More Components 1:07:07 Introducing State 1:12:48 Event Props 1:21:07 Adding Routing 1:28:15 Adding Links & Navigation 1:45:07 CSS Modules 1:50:28 Outputting Lists 1:56:14 Adding More ComponentsΒ΄2:02:04 Props Children 2:11:52 Adding a Form 2:20:31 Getting User Input & Handling Form Submission 2:29:30 Preparing the App for HTTP 2:39:15 Sending a Post Request 2:46:07 Navigating Programmatically 2:51:25 Getting Started with Fetching Data 2:55:07 useEffect 3:04:32 Introducing React ContextΒ΄3:14:40 Context Logic & Different Ways of Updating State 3:25:43 Using Context in Components 3:31:37 More Context Usage 3:43:48 Summary 3:50:42
@arcanea9598 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
There are no java courses available online even though its widely used in the industry. Can you please make courses on java's popular frameworks such as Spring?
@muhammadsaqib-bi7vp 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
After Deleting file from src this error is occur when we run localhost 3000 ./src/index.js Module not found: Can't resolve './reportWebVitals' in 'D: eact-course\src'
@zachariahrojas7257 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
The The food
@zachariahrojas7257 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
The
@zachariahrojas7257 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Iβm
@eattoes 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
This video taught me more in 4 hours than I learned in an expensive week-long React course. Excellent stuff here, thank you so much.
@irwin98 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Are you able to tackle projects by yourself now?
@tasfiatzabir422 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thank you! I find this to be the best React tutorial of all tutorials there are on youtube
@fseitun 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
You're the best. You actually take time to explain things nobody explains. Thanks!
@davebudah 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Been reluctant to learn React, I guess this is the call. I'm in.
@felipeparente 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Muito bom.. parabΓ©ns pelo conteΓΊdo. A tempos que penso em me aventurar em REACT ou Vue. Isso me ajudou bastante.
@BananaFranchise 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I gotta say, this very thorough walkthrough is just amazing! π
@2371996npistiolas 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Best React tutorial. Explaining everything painfully simple. Thanks dude.
@hiuyi6350 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I find this infinitely more beginner friendly and understandable than Traversy Media π₯°
@kaycampbell364 Π ΡΠΊ ΡΠΎΠΌΡ
Traversy is overatedβ¦.he doesnβt explain things well
@arcanea9598 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
There are no java courses available online even though its widely used in the industry. Can you please make courses on java's popular frameworks such as Spring?
@ahmedthegreat3973 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Watch Caleb Curry's Java Course
@harshaniwanigasekara901 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Your teaching skill is amazing ,thanks for the great video..! Now gonna follow the full react js course of yours! One of the best programming utubers in utube! Looking forward for more videos from u!
@austinfisher1928 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
You explain everything simply and in a good order, this is great.
@codedjango 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Waiting for similar tutorial for VueJS 3
@raquelframe 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Where is the modified index.CSS? You did a magical step that is not explained.
@kashmirtechtv2948 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I had followed him and each and everything worked completely fine for me.
@just_eric 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Hi man, I just want to thank you for the magnificent tutorial that you have done and I can assure you that it is the best for beginners that I have seen, and I have seen quite a few, so thanks again and hopefully we have more quality work like this
@actionimme 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Finally, a programmer that also knows pedagogy! Big respect!
@martinharris4416 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I need a course to pronounce your sweet name πβ€οΈ
@hanesmitter1469 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Just call it, max sugarmillerπ
@quintonnistico9347 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thank you so much for this wonderful teaching! I am not well versed in vanilla javascript and I can understand everything you are teaching here learning react.
@acommunistdwarf 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Awesome, you are an absolutely beast of a teacher, super didactic. Thanks man, got me pumped to work some more on my project
@panosbith4582 Π ΡΠΊ ΡΠΎΠΌΡ
One of the best tutorials I have ever seen. Really excellent explanation skills! :)
@brucekleine1775 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Great class! Very well explained. Really helpful to know what doesn't work (that you might expect to work) and why.
@marian_tsx 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Maximilian being super clear as usual, now i fully grasp the concept of Context, is really easy thanks to you :) I got experience on vanilla class-based React and I can't believe how good it became being full functional with hooks. Definitely an upgrade to ReactJS.
@aigoof 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I had a few gaps in concepts - you are fantastic.. really great content. +1 follower for the remainder of your career. Thank you.
@michaelosarumwense4379 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Simply put, you are a teacher of teachers! Thanks for this exposition.
@kk-us5uq 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
I've watched all part and understood famous function of React! It's so wonderful tutorial! Thank you very much!
@franssjostrom719 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Great video! I was nervous about this project I need to do but now everything feels fine, thanks man
@MahadyHasan 3 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
True love React on your awesome course. Every single part of your all courses, you explained very well, which is always important rather than learning code. That the reason you are my favorite. Love from Chemnitz.
@akachukwuudechukwu7761 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Nice one you made me some concepts have been struggling clear to me with this tutorial. Thank you
@thongahuhu9362 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
You totally are the second master that made me understand all the things you said, and your video changed my mindset. Thanks for spending your time to make this video.
@orcunsarmis2959 Π ΡΠΊ ΡΠΎΠΌΡ
Thanks for sharing the beautiful course, specifically much appreciated for the clean set-up process at the beginning.
@ayoubakkaoui 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
You've explained everythings very well. Thank you for this video!
@shadmanahmed9759 2 ΡΠΎΠΊΠΈ ΡΠΎΠΌΡ
Thank you so much, I watched the full video, Now i can go dig deeper to other hooks and learn more. Thanks again mate.
JOON Portuguese
ΠΠ΅ΡΠ΅Π³Π»ΡΠ΄ΡΠ² 64 ΠΌΠ»Π½
ΠΠ½Π½Π° Π’ΡΡΠ½ΡΠ΅Ρ
ΠΠ΅ΡΠ΅Π³Π»ΡΠ΄ΡΠ² 1,7 ΠΌΠ»Π½
Academind
ΠΠ΅ΡΠ΅Π³Π»ΡΠ΄ΡΠ² 595 ΡΠΈΡ.
ByteGrad
ΠΠ΅ΡΠ΅Π³Π»ΡΠ΄ΡΠ² 778 ΡΠΈΡ.
Academind
ΠΠ΅ΡΠ΅Π³Π»ΡΠ΄ΡΠ² 1,7 ΠΌΠ»Π½
Programming with Mosh
ΠΠ΅ΡΠ΅Π³Π»ΡΠ΄ΡΠ² 468 ΡΠΈΡ.
JOON Portuguese
ΠΠ΅ΡΠ΅Π³Π»ΡΠ΄ΡΠ² 64 ΠΌΠ»Π½