Structure:

<Father>
	<Child1/>
</Father>

**Child1:**
<Child1>
	<Child2/>
</Child1>

Share information between components with no direct relationship

Father to child of the child

Prop Drilling:

<Fater> -> *sharedProp*
	<Child1 sharedProp={sharedProp}/>
</Father>

**Child1:**
<Child1 sharedProp={sharedProp}>
	<Child2 sharedProp={sharedProp}/>
</Child1>

Problems:

• High coupling
• Difficult to maintain
• Difficult to understand

State management with context:

<Context.provider>
	<Father>
		<Child1/>
	</Father>
</Context.provider>

**Child1:**
<Child1>
	<Child2/>
</Child1>

Father modifies Context state and Child2 consumes it

*Father -> Context State -> Child2*

Advantages:

• Understandable
• Scalable
• Straight Forward