Introduction to React components

React combines markup and logic into components.

Loosely coupled units called components. 

 

'Data flows down'

Data flows from the parent down to the child components via props

 

 

Note:

  • State updates may be asynchronous : setStates can get batched for optimisation and all ran at one time
  • State updates are merged