Not a Framework
Just the UI

No pain Upgrades
"Facebook codebase has over 20,000 React components"
Virtual DOM
Better performance
One-way data flow
An alternative to event and data binding architectures




Gimme the code
Our first React Component

Props VS State
Initial values ~ Changing values
Do not mutate
React and React's ecosystem



Image by Lin Clark
ಠ_ಠ
Thinking in React
Its about thinking in Components and Data snapshots
Live coding time
Let's build shopping cart together.
Thank you
@jonalvarezz
Read More
- http://facebook.github.io/react/index.html
- https://github.com/petehunt/react-howto
- https://github.com/petehunt/webpack-howto
- https://blog.risingstack.com/the-react-way-getting-started-tutorial/
- http://www.funnyant.com/reactjs-what-is-it/
- http://slides.com/linclark/webpack/