This is an introduction for a workshop about React components. The goal for this hands-on session was to understand how decompose your app in small components by hacking a small app

1. Reacthackjam
JavaScript Lab London

2. agenda
1. Everything is a
component in React
2. Hands-on: break this
app into components
3. Demo your app!JavaScript Lab London

3. 1. Everythingisacomponent
When designing interfaces, break
down the common design elements
(buttons, form fields, layout
components, etc.) into reusable
components with well-defined
interfaces. That way, the next time
you need to build some UI, you can
write much less code. This means
faster development time, fewer bugs,
and fewer bytes down the wire.

5. http://hackjam.hackages.io/

14. Hands-on, break this app
into components:
https://github.com/alexlbr/hackjam-react

15. Thanks
@alex_lobera
alexlobera.com