ReactJS Tutorial - 4 - Components

🏗 React components represent parts of the user interface and can be nested inside each other, with one component usually designated as the root component (often named "app").

🔁 Components are reusable; the same component can display different information with different properties.

📦 React has two component types: stateless functional components (JavaScript functions returning HTML) and stateful class components (ES6 classes extending React's Component class with a render method).

🧩 Components are the building blocks of React applications and can number in the tens, hundreds, or even thousands in more complex applications. Understanding both component types is crucial.

Nice video

in my version it was a functional component NOT class component

finally i can now understand react :) , thanyou bro :) , really these are some of the most clear explanation i got about react so far

Easy & understandable explanation

So clear and easy to understand, thank you

Stupid naming conventions ..what do u mean by prop..its a paramter

Please note that a lot has changed since this video came out. Functional components are no longer stateless, as they can now use the useState hook. Hardly anyone uses class components because there is no to deal with the extra boilerplate

Hi Vishwas sir , your tutorial is just superb. thank you . - Virendra from mumbai.

great tutorialk but a little outdated... now component in app.js is a function

Very precise and easy to understand, many thanks 👍

This is so far the most clear react tutorial i have seen

It great and clear, thank you for those useful videos.

That one right here. Don't just make a step-by-step guide if you want a quality tutorial. Those educational bits are significant and make the viewer want to learn more and not click at another video out of boredom.

stateless components - function(props)
stateful components - class - render method to return html tags - this.props

your tutorials are better than the docs, even 4 years after :O :O

Thanks for Making this Tutorial but most of them are outDated now ! App.js is now functional component not Class component, Appreciate if you update these tutorial videos

Thank you so much! I learnt a lot from this tutorial!

Very descriptive video.Thanks for creating the series.

I really love your teaching well done sir
But I have a functional component rather than a class component in my App.js

I bought a udemy course on React. Should have just watched this series

Great instructor. Nice and easy to understand

thanks sir for making such videos for free

Excellent explanation ever! Thanks for sharing this tutorial

Wow....watching your entire React for beginners tutorial in May 2022, I must admit, you are a great teacher. Thank you Vishwas.

I enjoy every single video in this series, thank you ..you deserve more subs

for links - 'a link', 'src', 'href=', 'link', etc..

Excellent and simple presentations ! Thank you

♥️♥️♥️♥️

very useful study material sir🙏

my App.js is a functional component. It's not extending the class. Is this a change that was made or did I download the wrong type of project or something?

Love every part of these videos, i had to stop watching the course bought from udemy for this videos..Thanks for coming up with this playlist

What's the difference between components and elements?

I am from commerce field is this okay if I do this course ??

So in my App.js file, it is a functional component but not a class component. how to fix that, do we need to install something.

tq

awesome explanation 🙏

.

.

Your knowledge, efforts and care highly appreciated

🙏

Very Helpful Video ❤️

fantastic tutorial

love from Bangladesh

so glad i found this, far the most clear concise react tutorial series around, thank you

When I run a command to create a project it generates a function-based app, not class-based as shown in this example. Is there any way to ask npx to generate a class-based app?

completed