Full React Tutorial #3 - Components & Templates
Vložit
- čas přidán 21. 12. 2020
- 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:
+ github.com/iamshaunjp/Complet...
🐱👤🐱👤 JOIN THE GANG -
/ @netninja
🐱💻 🐱💻 My Udemy Courses:
+ Modern JavaScript - www.thenetninja.co.uk/udemy/m...
+ Vue JS & Firebase - www.thenetninja.co.uk/udemy/v...
+ D3.js & Firebase - www.thenetninja.co.uk/udemy/d...
🐱💻 🐱💻 Helpful Links:
+ HTML & CSS Course - • HTML & CSS Crash Cours...
+ Modern JavaScript course - • Modern JavaScript Tuto...
+ Get VS Code - code.visualstudio.com/
🐱💻 🐱💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja
The fact that you taught this course for free but way better than those that charge registration fees. You the real MVP, sir.
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!
Ha, happy Christmas, enjoy!
@@NetNinja 🎈🎆🎇🧨✨🎉🎊🎁
exactly
@@NetNinja hohoho
Totally agree. Really the best React tutorials on CZcams!
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.
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
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!
The way you learned these things is incredible.thats y u r so at explaining them.luv u bruh❤️
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.
Thank you so much for such a kind message! I really appreciate it!
@@NetNinja 🐱👤💖
Great vid, kind of a weird question, but where are components exported to? the local computer where? to be imported in vs code
I was just Reactjs & now I got your playlists 🤩🤩 feeling superb
The level of detail you go into is very helpful for beginners.
I absolutely love your content and your help has been invaluable to me throughout my learning journey.
This is what I have been looking for!
You are an absolute GEM!!! Thank you so much for this invaluable content and super clear explanation!!
Great vid, kind of a weird question, but where are components exported to? the local computer where? to be imported in vs code
These are the clearest and most useful vids I have ever seen. Thanks so much. I am learning how to uses React js and these are a great help😎😎
I love these vids, they cover little details and not just glaze over it, expecting the view to already know what’s what.
Great content as always !
Good God man, I'm so thankful for finding you
Loving this series, keep doing the good work
Glad you're enjoying it! :)
Hey!! I really like your course.
Just a small request sir, Pls make a playlist of this whole new course. I had to make on my own so XD
Thank you for your massive efforts. In 2022 ignorance shouldn't be allowed. 🤠
You are a super ninja!!!!
omg that emmet shortcut is amazing! you have my subscription!
emmet is preinstalled in VS code editor
selamaleykum sensei would you prefer react over vue or so? and is it only personal preferences? also thanks for your tutorials. wish you the best
Fantastic job dude, you such a perfect voice and teaching technique!
Thanks :) that means a lot
Great vid, kind of a weird question, but where are components exported to? the local computer where? to be imported in vs code
congratulation you got 1M!
So important thank you
You have the gift of teaching from outer space!!!Outstanding Job ! and see You on Udemy ! ;)
Thank you :) !
@@NetNinja I think ...i SHOULD thank YOU!!! Have you Awesome Day !!! Best regards from mario:)!!!
You are really really great
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..
Thanks Zoltan, that means a lot :)
Ninja technique of learning react 🤺
Hi, can react be used with a Spring boot backend to render content from json data we get back from REST end points?
I love you man!
you my man. are awesome.
hey netninja which of the emmet extensions do i use
Ninja is - TOP!
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
Nice video plz make a MERN stack series sir
u got what i need
great video
One of the best coding teachers on CZcams
Thanks for the kind words Hordan :)
Great vid, kind of a weird question, but where are components exported to? the local computer where? to be imported in vs code
thank you for this!
No worries! :)
why is my VSC not creating div.content when I press tab
When will tbe Redux course please? Thanks
sir i am using react 17.0.2 but i need import react from react
I am a little bit lost here. I have done some front end with angularjs before and used css there. If I remember correctly, class referred to styling with CSS, is that why we cannot use class and weneed to use className to define react class?
No, the reason we do that is because React turns your JSX into JS, And how does one change class name(CSS) in JS? You guessed it, using className property.
For example: document.getElementById('foo').className = 'bar';
Can you make a new series on Django PLEASE!
Could you please tell how many episodes you are planning to make for this React tutorial playlist?
32 in total :)
@@NetNinja Ok, thank you so much)
@@NetNinja i am 2times younger then 32!!🤣
thats what i need
Where can I get a netninja t-shirt? I would so proudly wear it. I love your content! Thank you so much.
Hey, I don't have many designs, but I do have a few up here - the-net-ninja-merch.creator-spring.com/? :). Thanks!
can you do compilation React + antd please...for beginners
Hello I need your help plz tell how to call a component using onclick
What does index.css do?
Thanks
thanks
awesome playlist brother, thank you so much, one request, keep framrate low at 30 if not lower as when we speedup most notebooks and data plans do not stuck
Why these tutorials are so short when vue tutorials are much longer?
nice
good one
Thanks!
hello gang, I need you're help please i am following your tutorial but work is not showing on my Brower ie localhost its black and i checked my Brower setting Js is enable how can i solve this problem its stopping me from moving forward with the video ,also Thanks sir for sharing your knowledge with the world.
did you solve this issue?
@@sdferd1 yes bro, thanks for the reply 🙏
ty.
mern stack pls
why does app.js not import react ?
is mern stack next?
yeas pls
where should I post question about the content of this video?
❤❤❤❤❤
Great!!!! 😇
If Emmet did not work for the first time, just restart VS code..
Who cares about React. I need to hear this accent everyday 🤤🤤
Thank you very much for your effort and lessons
Thanks Mohamed, glad you enjoy it!