building uis.with-react
DESCRIPTION
Presentation about ReactJS and what it is and how it works.TRANSCRIPT
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?