Building User

Interfaces With

React

Building

consistent user

interfaces is hard

React

React aims to be

simple

React is

declarative

Components

Not templates

Components can

be composed to

build complex UIs

Break down the user

interface into components

A little about JSX

JSX Gotchas

Component State

Component Lifecycle

1. Mounting

2. Updating

3. Unmounting

Ownership,

not parent

Data on the screen

JS is not reactive

DOM is inherently

stateful

Data Binding is a

polyfill for reactive

JS and DOM

Virtual DOM

React to events

Autobinding

Event delegation

React Add-ons

http://bit.ly/react-docs

http://bit.ly/react-contrib

Documentation

Contribute

http://bit.ly/react-tools

Tooling

http://bit.ly/rethink-practices

Watch

Questions?