Full React Tutorial #3 - Components & Templates

Hey gang, in this React tutorial we'll take a look at how components are made and how they return JSX templates (which are then rendered to the browser).

🐱‍💻 🐱‍💻 Course Files:

🐱‍👤🐱‍👤 JOIN THE GANG -

🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Helpful Links:

🐱‍💻 🐱‍💻 Social Links:

[kenneth_mirez]

The fact that you taught this course for free but way better than those that charge registration fees. You the real MVP, sir.

[legendaryknight]

I was lucky dear Shaun as exactly when I need to learn React after learning CSS HTML and javascript from your tutorials then you made this fresh course. I can say that Hey everybody The net ninja is the most awesome place in the world of the internet and Shaun is the most amazingly clever and talented person who is able to turn complex materials of the programming world into a very simple one. Every 10 minutes of Shaun's lessons are like you are learning one hour from other sources or tutors. This channel worths 100 million subscribers.
I wish people could know the value of what is Shaun doing for us and is giving us his special skills with his very kind and big heart without any expectations.Thank you so much.

[RameenFallschirmjager]

Although I was a nutty boy this year, my wish was granted. I told Santa that I want the best react course in the world as Christmas gift, so here I am!

[TheodorosSkondrasMexis]

if you are completing the course in 2023, with the newer version of react, the rendering in the index.js is done in a slightly different way (const root...), do not change that to match the older version. It works the same

[ezeajali]

I have tried React a couple of times and I knew something was missing. Just the first 3 videos in this series and it clicked. Thanks a lot. You explained key concepts that helped me understand how to make a simple webpage - components.

[trantrungnghia]

your videos are the only ones which I have to triple check everytime to see if I have liked it yet

[whereislolly]

You are an absolute GEM!!! Thank you so much for this invaluable content and super clear explanation!!

[Justin-oitk]

Very clear for adept programmers who have dabbled with scripting languages such as Python and OOP languages such as Java. Not too fast or slow -- just the right pace and just the key information.

Thanks!

[lokeshr]

I was just Reactjs & now I got your playlists 🤩🤩 feeling superb

[manuelvaal]

This genius has a unique way to get things clear.! It ain’t about showing what to do, but why u doing that way.👏

[mylesmoore]

The level of detail you go into is very helpful for beginners.

[patientlearning]

1) JSX
1) Component: A function
2) JSX Syntax, className is used rather than class
3) Older versions of react from version 16 and below require "import react from React" for the components in the root App.js to work

[arsenicwafer]

I love these vids, they cover little details and not just glaze over it, expecting the view to already know what’s what.

[fahimsajjad]

Loving this series, keep doing the good work

[ruixue]

1:03
2:05 component function name has to start with capital letter
2:20 code inside the component function is called jsx
3:00 difference between jsx and html
5:52 export default

[god_gaming]

The way you learned these things is incredible.thats y u r so at explaining them.luv u bruh❤️

[zoltan]

For the creator of this series: Although it's 2 years old, I found this series the best ift as far as performance and claritty is concerened. I value high if someone has good english skills regarding using the right words, and keeps in mind that target audience. So a big thumb up for the content creatotr of this series..

[damdam]

How come I have missed this channel? Mastery.

[Amauriking]

Thank you for your massive efforts. In 2022 ignorance shouldn't be allowed. 🤠

[mariuszgolik]

You have the gift of teaching from outer space!!!Outstanding Job ! and see You on Udemy ! ;)