<h2 id="heading-unidirectional-one-way-data-flow">Unidirectional (one-way) data flow</h2>
<ul>
<li>You pass data down from parent to child component</li>
<li>You can't update parent's state from a child<ul>
<li>Instead, you handle events dispatched by a child to update the state</li>
</ul>
</li>
<li><code>Parent -&gt; Child</code></li>
</ul>
<h2 id="heading-bidirectional-two-way-data-flow">Bidirectional (two-way) data flow</h2>
<ul>
<li>Parent and child components share the data<ul>
<li>Change to model updates the view</li>
<li>Change to view updates the model</li>
</ul>
</li>
<li><code>Parent &lt;-&gt; Child</code></li>
</ul>
<h2 id="heading-resources">Resources</h2>
<ul>
<li><a target="_blank" href="https://beta.reactjs.org/learn/thinking-in-react">Thinking in React</a></li>
<li><a target="_blank" href="https://angular.io/guide/two-way-binding#two-way-binding">Angular: Two-way binding</a></li>
<li><a target="_blank" href="https://vuejs.org/guide/scaling-up/state-management.html#what-is-state-management">Vue.js: State Management</a></li>
<li><a target="_blank" href="https://vuejs.org/guide/components/props.html#one-way-data-flow">Vue.js: One-Way Data Flow</a></li>
<li><a target="_blank" href="https://vuejs.org/api/built-in-directives.html#v-model">Vue.js: v-model (two-way binding)</a></li>
<li><a target="_blank" href="https://stackoverflow.com/questions/34519889/can-anyone-explain-the-difference-between-reacts-one-way-data-binding-and-angula">StackOverflow: difference between one-way and two-way data binding</a></li>
</ul>


## Unidirectional (one-way) data flow
- You pass data down from parent to child component
- You can't update parent's state from a child
	- Instead, you handle events dispatched by a child to update the state
- `Parent -> Child`

## Bidirectional (two-way) data flow
- Parent and child components share the data
	- Change to model updates the view
	- Change to view updates the model
- `Parent <-> Child`

## Resources
- [Thinking in React](https://beta.reactjs.org/learn/thinking-in-react)
- [Angular: Two-way binding](https://angular.io/guide/two-way-binding#two-way-binding)
- [Vue.js: State Management](https://vuejs.org/guide/scaling-up/state-management.html#what-is-state-management)
- [Vue.js: One-Way Data Flow](https://vuejs.org/guide/components/props.html#one-way-data-flow)
- [Vue.js: v-model (two-way binding)](https://vuejs.org/api/built-in-directives.html#v-model)
- [StackOverflow: difference between one-way and two-way data binding](https://stackoverflow.com/questions/34519889/can-anyone-explain-the-difference-between-reacts-one-way-data-binding-and-angula)

Unidirectional and bidirectional data flow

One-way and two-way data binding

Unidirectional (one-way) data flow

Bidirectional (two-way) data flow

Resources