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.

Demo

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/