DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 967,611 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for React Props and React State
Ahmed Radwan
Ahmed Radwan

Posted on

React Props and React State

What’s inside React components?

At the heart of React are key elements called β€œcomponents”. These components represent a DOM node and each component has its own state and properties (props). Understanding these concepts will help you better understand how to use React effectively.


How would you define the React state?

This is a way for React to remember values from inside a component. For example, the variables that are initialized at the root of a function.


When you use props over state?

Props are a way to pass data or functions to a React component. They can be used when the data is immutable (Not to change). Only The component will tell how the passed props (data) will be displayed.


When you use state over props?

You use state when you need to change the passed data and make some operations before you output it for a display. You also use state when you want to keep the values from your components within that component.


Does props and state β€œImmutableβ€œ?

The props are immutable, meaning they shouldn’t be changed once passed from the component. The state isn't, because they're like the variables you declared inside a function. You need to process it with more operations before the function returns its value.

Top comments (2)

Collapse
 
naomipham_ profile image
Naomi Pham

Very clear explanation!

Collapse
 
aradwan20 profile image
Ahmed Radwan Author

Thanks much Naomi

One of the best series of the year

How web browsers work (with illustrations)

Seven part series β€” highly bookmarkable πŸ˜…