# Rozdział 4. Jak działa React?

Jeżeli poświęcisz nieco czasu na poznanie sposobu działania Reacta, Twoja praca stanie się znacznie efektywniejsza, zwłaszcza podczas debugowania.

## Przykłady

### Konfiguracja strony

1. Konfiguracja dokumentu HTML ([code](https://github.com/MoonHighway/learning-react/blob/master/chapter-04/01-page-setup/01-page-setup.html))
2. HTML dla przepisu ([uruchom](https://github.com/MoonHighway/learning-react/blob/master/chapter-04/01-page-setup/02-baked-salmon.html))

### Elementy Reacta

1. Generowanie elementu ([uruchom](http://jsbin.com/polufak/1/edit?js,output))
2. Generowanie elementu z właściwościami ([uruchom](http://jsbin.com/polufak/2/edit?js,output))
3. Generowanie list ([uruchom](http://jsbin.com/polufak/3/edit?js,output))
4. Mapowanie elementów ([uruchom](http://jsbin.com/polufak/4/edit?js,output))
5. Dodawanie kluczy ([uruchom](http://jsbin.com/polufak/5/edit?js,output))

### Komponenty Reacta

1. Generowanie createElement ([uruchom](https://jsbin.com/dizifem/1/edit?js,output))
2. Elementy listy jako właściwości ([uruchom](https://jsbin.com/sedovap/1/edit?js,output))
