What is React ⚛️🤔 and the concept of Componets in React

Hmm, You have open this blog then you must be the React Developer or Want to know the about the trending word Reactjs.

What is React JS?

React JS is a JavaScript library used in modern web development to build interactive web applications. The basic idea of react.js is to divide the UI elements into the small components and combine them later to make the whole App. First, see the below Image

Here we can divide the UI of the twitter into the three main components. we will design and develop all those three components separately and combine them to make the main UI. These components can be further divided into separate components. below we divided the twitter card into different components. The heart of the React is a component.
.

Let's try to make a Mockup of the given example into the component
1) Left Component

import React from "react"; 
class LeftComponent extends React.Component {
    render() {
       return(
        This is the left component
       )
    }
}

export default LeftComponent;

2) Middle Component

import React from "react"; 
class MidddleComponent extends React.Component {
    render() {
       return(
        This is the Middle component
       )
    }
}
export default MidddleComponent;

3) Right Component

import React from "react"; 
class RightComponent extends React.Component {
    render() {
       return(
        This is the Right component
       )
    }
}
export default RightComponent;

so we make a component separately acc to their purpose. lets Combile them all

SO basically we import all our components into our main App and combine them all. That all About the component and its usage.

I hope that you like this Post. I don't want to go deeply into the logical syntax of the react for this post. I want to keep as simple as possible. if you want to make a full react tutorial with syntax then give your views in the comments.

To keep up with everything I’m doing, follow me on Twitter. ==> Kushal Sharma

Comments

[Ron]

Thanks mr Kushal, this is easiest react component explanation what i ever seen

[Kushal sharma]

thanks, Ron

[Ron]

I'm hyped for await your next react explanation 🔥🔥🔥

[David Yao]

I wish I had this kind of explanation when I first started using React. Good work!

[Kushal sharma]

Thanks , glad to hear that you liked the example

[Altoneisha Rose]

Great examples

[Kushal sharma]

Thanks altoneisha

[Sm0ke]

Nice, thanks for sharing!

[Habdul Hazeez]

I am currently learning React and this post will be of great help and the key to my understanding of the entire React ecosystem. Thank you for keeping it so simple and straightforward.

[Kushal sharma]

thanks, Habdul I also have struggled to find the simplest and the basic concept of reacting so I write this one so the beginners can know what is react and what is the concept of react