A component lets you break up the user interface into separate pieces that can be reused and handled independently. A React component takes an optional input and returns a React element that is rendered on the screen. A Component is a class or function that describes part of a React UI.

What is a component?

Difficulty: 4/10

functional vs class components, props and state, lifecycle / hooks

A component is a self-contained, reusable piece of code that represents a part of the user interface (UI). A component's job is to take in inputs (called props) and return a description of what should appear on the screen (usually via JSX). This modular approach allows you to build complex applications by combining many small, simple components.

1
A component lets you break up the user interface into separate pieces that can be reused and handled independently.
2
A React component takes an optional input and returns a React element that is rendered on the screen.
3
A Component is a class or function that describes part of a React UI.

Scenario Questions

0-2 years experience

2-5 years experience

1While building a product list, the list stops updating when a new item is added. How would you debug the component responsible for rendering the list?

Follow-up Questions