chapter-04

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)
2. HTML for a Recipe (demo, code)

React Elements

1. Rendering an Element (demo, code, bin)
2. Rendering an Element with Properties (demo, code, bin)
3. Rendering Lists (demo, code, bin)
4. Mapping over Elements (demo, code, bin)
5. Adding Keys (demo, code, bin)

React Components

1. Rendering createElement (demo, code, bin)
2. Rendering List Items (demo, code, bin)
3. Adding Class Methods (demo, code, bin)
4. Stateless Functional Components (demo, code, bin)

DOM Rendering

1. team moods (demo (firefox only), code)

Factories

1. DOM Factories - h1 (demo, code, bin)
2. DOM Factories - ul (demo, code, bin)
3. DOM Factories - props (demo, code, bin)
4. Component Factories (demo, code, bin)