ReactJS Tutorial - 4 - Components

📱 Follow Codevolution

Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.
Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called “props”) and return React elements describing what should appear on the screen.
There are two types of components - Stateless Functional Components and Stateful Class Components

[____prajwal____]

Where were these tutorials all this time..this is the best react tutorials on the internet...Thanks Vishwas!

[dougui]

I had to stop on the 4th lesson to make this comment, this is the best tutorial on react, just from the beginning you you explain the files and the folder after using npx or npm to generate the react folders. The connection with the id root in html and how we are using app.js instead. More people need to watch this, how you simplified it. Thank you for putting this together.

[adante]

I really appreciate the time and effort you put in to making these fantastic tutorials. I have struggled with React up until I stumbled across your tutorials. I have paid for courses that are not as well thought out as this series. Thanks. 👍

[AM-csyi]

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

[iamabhishekmishra]

Thank you very much Sir, for this wonderful teaching series. I found many tutorial for reactjs but no one can be compare with you. Your is the best one and easy to understand for the beginners.

[ohmegatech]

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

[estherinyang]

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

[josephessien]

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

[Dan-tcx]

Man you are the best, me from Russia, and entirely understand you. This is so good course for beginner in my opinion

[roadsideromeo]

Thanks a ton man, tutorial really sounds good.

[ashrafulfuad]

great tutorial i have ever seen with good explanation, voice quality, and relevant discussion

[mrrishiraj]

Your knowledge, efforts and care highly appreciated

🙏

[vkvk]

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

[anshikaverma]

Oh god, this helped me a lot. I was totally stuck! But through this, I could come out of the error.

[govindsharma]

🏗 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.

[ManuelJordan]

Really valuable your style of teaching. I am going to watch your complete playlist. To be honest I thought it was deprecated because they were created on 2018. Excellent your material

[ankitasinha]

Could you please upload a tutorial to support the latest react version 16.13.1? Since the current version uses all functional component with Hooks instead of class component?

[ahmedal-ebrashy]

in my version it was a functional component NOT class component

[benjaminhardin]

Well Done... This is a very good Tutorial. I had looked at other Tutorials but this is the best that I have seen.

[RajveerSingh-xdbb]

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