MEHUL MOHAN

In a functional component, the state is never mutated, instead in a new render, the hooks return different (and updated) values. In class based components however, React itself mutates the this keyword to update the props and state according to the correct behaviour.

But as your code grows, there’s a necessity of managing state in a more organized way, avoid prop drilling and make things cleaner, especially when there has to be an information exchange among different components at different levels of nesting.

Let’s see some common ways we’ll learn in this chapter to communicate between the components:
Props (parent to child data flow)
Refs (Calling child methods from a parent)
Context API
Redux (Centralized state) (in later chapters)