# Chapter 4 : Pure React

If you take the time to understand what is going on behind the scenes you will be more efficient, especially when it comes time to debug.

## Samples

### Page Setup

1. HTML Document Setup ([code](https://github.com/MoonHighway/learning-react/blob/master/chapter-04/01-page-setup/01-page-setup.html))
2. HTML for a Recipe ([run it](https://github.com/MoonHighway/learning-react/blob/master/chapter-04/01-page-setup/02-baked-salmon.html))

### React Elements

1. Rendering an Element ([run it](http://jsbin.com/polufak/1/edit?js,output))
2. Rendering an Element with Properties ([run it](http://jsbin.com/polufak/2/edit?js,output))
3. Rendering Lists ([run it](http://jsbin.com/polufak/3/edit?js,output))
4. Mapping over Elements ([run it](http://jsbin.com/polufak/4/edit?js,output))
5. Adding Keys ([run it](http://jsbin.com/polufak/5/edit?js,output))

### React Components

1. Rendering createElement ([run it](https://jsbin.com/dizifem/1/edit?js,output))
2. List Items as props ([run it](https://jsbin.com/sedovap/1/edit?js,output))