Props vs State

Lesson in the React Roadmap · Stage 3: Rendering

Last updated 14 September 2026

What is Props vs State?

Props (short for “properties”) and state are both plain JavaScript objects. While both hold information that influences the output of component render, they are different in one important way: props get passed to the component (similar to function parameters) whereas state is managed within the component (similar to variables declared within a function).

Study this in the interactive course See the whole React roadmap

Free resources to learn Props vs State

Official docsState: A Component's Memory
ArticleHow to use Props in React
ArticleWhat is the difference between state and props in React?
ArticleHow to update state from props in React

Props vs State: common questions

Can I learn Props vs State in Hindi?

This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Props vs State in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.

Is this Props vs State tutorial for beginners?

It is lesson 7 of 79 in the free React roadmap, in stage 3, Rendering. If you are new to React, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.