@@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.
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!
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 });
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...
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
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.
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('/')
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. ❤
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.
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.
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
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!
Anyone can teach, but not everyone has the gift of teaching. Max has the gift of teaching. He makes programming easier to understand. I truly appreciate this tutorial. It helped me out so much! I recently brought an Academind's React Native course on Udemy, but I needed to learn React. I literally spent so much time and money completing other tutorials, until I stumbled upon this course from Max! I truly appreciate how Max takes the time to thoroughly explain all of the concepts and even little hacks/keyboard shortcuts to improve our efficiency while coding. Now I'm ready to move on to his 33hr React Native course and I have a solid foundation to build upon! Thanks Max! I am seriously going to use all of your tutorials when coding.
Max is the best. I sometimes find that learning from video is frustrating when you're not given a full explanation/background on why something is the way it is. Max always gives a complete background so that when something is used in a different context, you'll know why it requires a variation from the learning example.
⚛ 💟 2023 and still very useful! 💟 ⚛ Just some of the things I likes about this tutorial: + very clear explanations (speaker explains with ease and nice examples) + topics are in a good order (there is no trace back needed to understand a concept) + the speaker's English is pristine (I could listen on 1.5x or 2x speed without any problem) + video and audio quality makes it easy to understand and follow + there is enough depth of knowledge to get a good picture Thank you for your work on this!
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 (
If I could give you two thumbs up I would. I've been a backend developer for two decades and still have a sour taste in my mouth from late 90's JavaScript. I've tried for years to get into front-end coding, but with little success until this video. Job well done, sir. This is a great format for teaching this material.
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!
@@shahzaib13k 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
This is one of the best react tutorials. If you want to have the basic knowledge, please invest only four hours and trust me you will have the foundation and build your confidence. I would like to say thank you to the instructor for his professional work and devotion.
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
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 (
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
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 ❤
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!
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.
I have seen other guys tutorials, but this one just CLICKED. This is a 'must have' course. I ended up doing my own version using tailwindcss and worked great. What a powerful tool to use with react.
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.
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 (
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!!
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.
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 !!
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 :)
Hands down the best beginner React tutorial on UA-cam. This helped me a lot to do a quick revision of the basics!! Thanks a lot for such amazing content.
For everyone, who is struggling on chapter about Routing, there is a difference between react-router-dom version 5 and 6. This course is using version 5.
trying to learn react for the first time and I have to say that i find your delivery and narrative input and timing as you teach is just brilliant. you introduce the next piece at the appropriate time by code rather than concept alone. Well done. thank you
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?
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!!
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
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!
Why on earth... Did none of the folks I work with, who understand this stuff, explain it so poorly. This is so incredibly helpful.... Granted after struggling with it for a bit and fighting to make my DOM manipulation disaster run someone elses component... I was starting to understand the concept anyways but got to a point I needed to be able to build my own components and edit others, or modify what they do. The ability to do so will ultimately allow me to write something FAR more maintainable. It'll get a bit tricky on the backend of our DB but I think I'll just write some basic APIs to do what I want, and have those interact without the silly client script layer making it difficult, and the react app being in the dark as to what is happening. It's a webRtc app so the complex bits are done, I'm just gathering data
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
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?
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'
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 !
The one problem with too much pre-defined CSS beforehand in these tutorials is that everything is lost when trying to do it yourself later. CSS doesn't fit properly in the picture which is a requirement for React Developer. Thanks for the tutorial. Learnt a lot.
I have find many react courses in youtube but this course is the best. With great explaination in each topic covered. Now i can do the react project. Go for this course if you want to start from scratch.
I began coding a few months ago and this is hands down my best react crash course! I've learned so much from this tutorial. It explores a variety of basic, important features and is easy to grasp because the walkthrough is excellent. Thank you and keep up the great work.
at first, it was quiet hard for me to grasp the concepts. Also i was bit overwhelmed by the fanciness of React. However i continued to follow the tutorial and coded along. Now that i watched it the second time, Things magically started to make sense. You taught the course in Superb way!!!! Thanks a lot sir.....!
Dear Maximilian.. I was looking for a long time an explanation to React, in a way that will be understandable and simple way , And i have to say that you are by far THE BEST instructor , presenter and moderator that i have seen for quite a while now. Thank you very much for teaching me React !!! your the best. i chacked more of your tutorials - there all explained in simple understandable and most important - PROFESSIONAL language. thank you. keep it up.
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.
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 💜
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!
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.
THANK YOU!
This needs more upvotes.
Remember to add Routes to the import { Route } from 'react-router-dom';
Hero! 👍
Thank you!
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 ❤️🔥🔥
then try stephen grider
@@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.
Hello How did you do the CSS part just started it though
I agree! I really understood it. The way he explains things is exceptional. Very clear and concise!
@@osamahashim smilga is awesome 👌
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!
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 });
A God walking amongst mere mortals.
Thank you so much!
Thankyou :)
This is same for Switch, It has been replaced with Routes
Thank you Steve, help much appreciated.
It will take me 2-3 days for me to learn your name, luckily I can learn react in 3 hours! Yay!
Lol
Same here 😂
😂😂😂 honestly, I don't even bother to pronounce it, I only refer t him as Academind 😂
Can u build this projects by yourself w/o tut
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...
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
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.
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.
thanks !!
Thank you!!!
@academind, please pin this comment!
Mine is keep showing a blank page, have any of you guys encountered the same problem?
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('/')
Ok
Thanks, saved me a lot of searching
@@MrValiantrobeàYYYyyyyyy3uzfg8gu88g8z8uz8878zz8
Your mode of explaining complex stuff thus making them easy truly makes you different and the best yet Max.
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
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. ❤
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.
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.
Finally, a programmer that also knows pedagogy! Big respect!
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.
I even regret after buying max's react course. Many students feel the same and complain but no follow-up from max
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
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!
Anyone can teach, but not everyone has the gift of teaching. Max has the gift of teaching. He makes programming easier to understand. I truly appreciate this tutorial. It helped me out so much! I recently brought an Academind's React Native course on Udemy, but I needed to learn React. I literally spent so much time and money completing other tutorials, until I stumbled upon this course from Max! I truly appreciate how Max takes the time to thoroughly explain all of the concepts and even little hacks/keyboard shortcuts to improve our efficiency while coding. Now I'm ready to move on to his 33hr React Native course and I have a solid foundation to build upon! Thanks Max! I am seriously going to use all of your tutorials when coding.
The best tutorial I ever had watched and practiced. He tells everything so patiently that we don't need to look again and again. 👌👌👌❤️
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😅
@@njoy2075 but I didn't buy that because of class based comments
I have his node and react course.. both are really awesome!! Very hands on and step by step
@@kashmirtechtv2948 it's been updated using functional components
Max is the best. I sometimes find that learning from video is frustrating when you're not given a full explanation/background on why something is the way it is. Max always gives a complete background so that when something is used in a different context, you'll know why it requires a variation from the learning example.
Up there with the best teachers on UA-cam. Will use this as breakfast watching to sort out any missing React knowledge
That will be a long breakfast. :-)
@@webdevguy_ only a 3 hour breakfast is a good breakfast. :p
Great video, don't waste your time by searching for another react vid. This is so marvelous.
The Best React Js crash course I've ever seen. Truly recommendable.
⚛ 💟 2023 and still very useful! 💟 ⚛
Just some of the things I likes about this tutorial:
+ very clear explanations (speaker explains with ease and nice examples)
+ topics are in a good order (there is no trace back needed to understand a concept)
+ the speaker's English is pristine (I could listen on 1.5x or 2x speed without any problem)
+ video and audio quality makes it easy to understand and follow
+ there is enough depth of knowledge to get a good picture
Thank you for your work on this!
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 (
);
thanks a lot 😊
@@sakibb71 welcome 😊
This should be pinned!
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.
I find this infinitely more beginner friendly and understandable than Traversy Media 🥰
Traversy is overated….he doesn’t explain things well
for anyone new wondering, in routing, Switch has been replaced with Routes
also useHistory has been replaced with useNavigate
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?
@@saheedat2829 YO! Im stuck on this problem too 1:40:44 Im not getting error codes as well Im getting plain white blank page
@@itchyJaw I've fixed it now
@@itchyJaw should I send you my GitHub link so you can check the code?
The care and effort put into this tutorial is just insane.
If I could give you two thumbs up I would. I've been a backend developer for two decades and still have a sour taste in my mouth from late 90's JavaScript. I've tried for years to get into front-end coding, but with little success until this video. Job well done, sir. This is a great format for teaching this material.
which language is used for backand ? Is backand easier of front and ?
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!
really you finish in one sitting
@@shahzaib13k 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
This is one of the best react tutorials. If you want to have the basic knowledge, please invest only four hours and trust me you will have the foundation and build your confidence. I would like to say thank you to the instructor for his professional work and devotion.
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
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;
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
haha..Sorry I think you are exaggerating...
Man I like your style! You manipulate your voice up and down so I never get bored of just listening the material. Subscribed
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 ❤
I learnt vuejs from max and now am on track for reactjs you are one good teacher.
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!
I don't know why you do them, but I love the pauses in between topics. Intentional or not, they're a nice "Now let that sink in" moment ☺
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.
I have seen other guys tutorials, but this one just CLICKED. This is a 'must have' course. I ended up doing my own version using tailwindcss and worked great. What a powerful tool to use with react.
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.
Bro, i took your node.js course and you are the best instructor in udemy.
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;
Thanks for this man! I lost almost an hour figuring this out lol.
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!!
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.
This is the best course ever for learning REACT from scratch.
Fell asleep and woke up to this💀
same
Me too
Bro same
Same here
Brío no way me too Lmaoo 😂😂 wtf
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 !!
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 :)
Hands down the best beginner React tutorial on UA-cam. This helped me a lot to do a quick revision of the basics!! Thanks a lot for such amazing content.
Can't thank you enough Max, your content is great! Love to see passionate and dedicated ppl like you 💪
For everyone, who is struggling on chapter about Routing, there is a difference between react-router-dom version 5 and 6. This course is using version 5.
Been reluctant to learn React, I guess this is the call. I'm in.
trying to learn react for the first time and I have to say that i find your delivery and narrative input and timing as you teach is just brilliant. you introduce the next piece at the appropriate time by code rather than concept alone. Well done. thank you
hey bro can i go through this without learning javascript??
@@Omhange you should have javascript knowledge to better grasp react
@@ahmadimamadyan1396 same ans from google but i want to ask how much should i know js to learn react
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?
Watch Caleb Curry's Java Course
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!!
Just started learning React a few weeks ago. Great starting training to get anybody going. Hope to start the full training class soon.
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
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!
nobody:
web dev related videos:
well, React will React.
A thorough video tutorial to get started in a day. This tutorial makes ReactJS look so easy
Agreed
Very clear and understandable. I like how you explain small things that adds context to what you are doing. Great job!
Almost 4 hours to discover React. Great pedagogy. Thank you very much!
pedaCOCKY
After this video I am going to start learning React right away. Thank you for this!
Why on earth... Did none of the folks I work with, who understand this stuff, explain it so poorly. This is so incredibly helpful.... Granted after struggling with it for a bit and fighting to make my DOM manipulation disaster run someone elses component... I was starting to understand the concept anyways but got to a point I needed to be able to build my own components and edit others, or modify what they do. The ability to do so will ultimately allow me to write something FAR more maintainable. It'll get a bit tricky on the backend of our DB but I think I'll just write some basic APIs to do what I want, and have those interact without the silly client script layer making it difficult, and the react app being in the dark as to what is happening. It's a webRtc app so the complex bits are done, I'm just gathering data
This is comprehensive... and so nice! finally having a scaffolding of this whole React library!!! so happy that I got your tutorial
Ц
Цвпуип
Увдкурц
Ацц
Цуа
Excellent "top down" hierarchical explanations. And speaking slow and "to the point" where every word is clear, makes me understand fast. Thank you!
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
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?
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'
The The food
The
I’m
This is by far, the best tutorial I've seen on react. It's also one of the only up-to-date ones.
from last 15 days i was looking for this and you posted on it one of
the best teacher i can say
Thank you! I find this to be the best React tutorial of all tutorials there are on youtube
in react-router-dom v6
Thanks a lot, dude ! ;) .... and 'Routes' has to be imported aswell
After 3 days, Finally done with the course . This was one of the best tutorial I have ever seen. Everything was explained very clearly.
Waiting for similar tutorial for VueJS 3
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 !
Where is the modified index.CSS? You did a magical step that is not explained.
I had followed him and each and everything worked completely fine for me.
The one problem with too much pre-defined CSS beforehand in these tutorials is that everything is lost when trying to do it yourself later. CSS doesn't fit properly in the picture which is a requirement for React Developer.
Thanks for the tutorial. Learnt a lot.
buy the courses if you want more insight...
I need a course to pronounce your sweet name 😛❤️
Just call it, max sugarmiller😊
I can't believe this is all free...down-to-earth explanation
Muito bom.. parabéns pelo conteúdo. A tempos que penso em me aventurar em REACT ou Vue. Isso me ajudou bastante.
I have find many react courses in youtube but this course is the best. With great explaination in each topic covered. Now i can do the react project. Go for this course if you want to start from scratch.
I had an issue with the useHistory though
I love how you teach I can clearly follow and its not boring such a wonderful speaker I can listen to this all day.
I began coding a few months ago and this is hands down my best react crash course! I've learned so much from this tutorial. It explores a variety of basic, important features and is easy to grasp because the walkthrough is excellent. Thank you and keep up the great work.
how did you do the routing part?? the router-dom he uses is outdated.!!
@@dude-ox2em in react-router-dom v6
Best React tutorial. Explaining everything painfully simple. Thanks dude.
at first, it was quiet hard for me to grasp the concepts. Also i was bit overwhelmed by the fanciness of React. However i continued to follow the tutorial and coded along. Now that i watched it the second time, Things magically started to make sense. You taught the course in Superb way!!!! Thanks a lot sir.....!
I've watched all part and understood famous function of React!
It's so wonderful tutorial!
Thank you very much!
I have not completed the tutorial but am impressed. not one explains it in detail as you do
Dear Maximilian.. I was looking for a long time an explanation to React, in a way that will be understandable and simple way , And i have to say that you are by far THE BEST instructor , presenter and moderator that i have seen for quite a while now.
Thank you very much for teaching me React !!! your the best.
i chacked more of your tutorials - there all explained in simple understandable and most important - PROFESSIONAL language. thank you.
keep it up.
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.
Thanks so much nobody explains react like you do. This is literally a zero to Hero for me
You're the best. You actually take time to explain things nobody explains. Thanks!
This is the first time I feel satisfied when I watch youtube tutorial. You are goood! Thank you!
I love the introduction that you show a simple concept why we need react js that's where every learner could motivate to learn
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 💜
First time learn NodeJs from Max's UA-cam. It's very clear. In couple weeks ago, I took 2 courses, PWA and MERN from Academind in Udemy. Thanks Max.
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!