Every React Concept Explained in 12 Minutes
395,067
Published 2024-03-18
Chapters
0:00 - Intro
0:11 - Components
0:29 - JSX
1:02 - Curly Braces
1:29 - Fragments
1:49 - Props
2:20 - Children
2:54 - Keys
3:27 - Rendering
4:34 - Event Handling
5:05 - State
5:54 - Controlled Components
6:31 - Hooks
7:21 - Purity
8:03 - Strict Mode
8:22 - Effects
9:03 - Refs
9:30 - Context
10:10 - Portals
10:41 - Suspense
11:06 - Error Boundaries
11:35 - Learn More
All Comments (21)
-
Software Engineer using React daily for 6 years now and this is hands down the cleanest explanations of those concepts I ever saw. Sharing this everywhere.
-
"class" to "className" isn't to make it camelCase as "class" is already camelCase. It's to avoid conflict with the JS keyword "class" for creating classes.
-
This is the most cleanest and concise explanation of react concepts ever
-
On 5:42 the function handle click should have the setLikes method instead of setClicks
-
Never heard such a great round up of react , awesome vid man 👍🏻
-
Great video. As somebody learning React and already familiar with some of these concepts, this really helped me grasp the bigger picture much faster. Thank You.
-
Man, this was the best class I've ever had on everything I learned in programming. I already knew most of the concepts but the simple way you exemplified was excellent. I will watch your other videos.
-
Awesome content, as a backend engineer that is starting dealing with React, this is pretty straightforward and saved me a lot of time.
-
Best video ever to brush up most of the react concepts 😊
-
Using index as a key is ok for rendering UI derived from an array that doesn't have to change the order of it's elements. But when you have an array that does change the order of it's elements you gotta use a unique key (usually the id of that data item coming from the DB)
-
I'm a senior Angular developer, but wanted a quick way to pickup React, and I have to say this video is amazing, it doesn't get hanged up on the details and explains the concepts with text and examples, along with the reasoning as to why it's implemented this way, in addition you referenced the most used common patterns which is a great touch Just a great video!
-
00:01 Understanding React Components and JSX 01:36 Passing Data in React Components 02:58 Key prop in React for component identification. 04:28 React uses reconciliation to update the DOM and manage events using event handling and state. 05:58 Controlled components provide predictable behavior 07:31 React components purity and usage of strict mode 09:00 Using Context and Portals in React 10:32 Tools like Create Portal and Suspense enhance React components.
-
Molim se da vaša velikodušnost prema nama bude nagrađena. Ovaj video je odličan poklon
-
This has to be the best react speed run ever means a lot bro thank you.
-
great work man,I just revised react in 11 mins,Keep growing!!
-
100% the best introductory video on youtube. Great job.
-
Very smoothly explained and so clear and concise.
-
This was a great explaination. Working with React for the past 3 years and this was a wonderful refresher for me and a great recap for new developers.
-
The best video on React! Extremely clear and concise
-
You have a unique way of explaining things. Keep up the good work!