DEV Community

Cover image for React: Components
Sai Chandu
Sai Chandu

Posted on

React: Components

Introduction to React js

React js is a JavaScript Library for building User Interfaces(UI). React is all about developing Single Page Applications. To describe React, it is all about Components.

What is a Component?

Image description

Components are like Cardboard boxes, In one box we can place books, another one we can place utensils. Smiliar to Cardboard box, a single component can be used for the entire application and a single component can be used for particular page.

App Component is the main component for a React Application.

Now let's try to understand Components in detail:

User Profile in Facebook

Image description

Some components from above example:

  • Navbar Component
  • Chat Component
  • Address Component
  • Cover Component

Common Component

1.Navbar Component: Common for every page in the application.

2.Chat Component: Common for both User Feed and Profile Page.

Page Specific Components

1.Address Component:Page Specific to the User Profile Page.

2.Cover Component: Used for User Profile Page.

This is how the components are used in React.

Meet u soon with more concepts in React🀠

Top comments (0)