frontbox - what frontend web development is? let's discover reactjs!

38

Upload: marco-pegoraro

Post on 16-Jul-2015

449 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 2: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 3: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 4: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 5: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 6: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 7: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 8: FrontBox - what frontend web development is? Let's discover ReactJS!

what about

Web Pages?

Page 9: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 10: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 11: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 12: FrontBox - what frontend web development is? Let's discover ReactJS!

what about

Javascript?

Page 13: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 14: FrontBox - what frontend web development is? Let's discover ReactJS!

GMAIL

Page 15: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 16: FrontBox - what frontend web development is? Let's discover ReactJS!

They Change!

Page 17: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 18: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 19: FrontBox - what frontend web development is? Let's discover ReactJS!

WHAT IS IT?

Page 20: FrontBox - what frontend web development is? Let's discover ReactJS!

UI Library

Page 21: FrontBox - what frontend web development is? Let's discover ReactJS!

One Way

Page 22: FrontBox - what frontend web development is? Let's discover ReactJS!

Fast Rendering

Page 23: FrontBox - what frontend web development is? Let's discover ReactJS!

Isomorphic App

Page 24: FrontBox - what frontend web development is? Let's discover ReactJS!

WHAT ISN’T IT?

Page 25: FrontBox - what frontend web development is? Let's discover ReactJS!

Code Less Library?

Page 26: FrontBox - what frontend web development is? Let's discover ReactJS!

Do Everything Library?

Page 27: FrontBox - what frontend web development is? Let's discover ReactJS!

Templating System?

Page 28: FrontBox - what frontend web development is? Let's discover ReactJS!

Two Ways Binding?

Page 29: FrontBox - what frontend web development is? Let's discover ReactJS!

HELLO WORLD!(time to code)

Page 30: FrontBox - what frontend web development is? Let's discover ReactJS!

JSX Javascript

JSX is not HTML

Page 31: FrontBox - what frontend web development is? Let's discover ReactJS!

A BIT OF

ARCHITECTURE

Page 32: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 33: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 34: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 35: FrontBox - what frontend web development is? Let's discover ReactJS!

FireSlide.io(time to code, again!)

Page 36: FrontBox - what frontend web development is? Let's discover ReactJS!
Page 37: FrontBox - what frontend web development is? Let's discover ReactJS!

Resources

• FireSlide.io (GitHub.com/marcopeg/fireslide)

• GitHub.com/marcopeg/LearningReact

• GitHub.com/politejs/workspace

• https://www.npmjs.com/package/fluxo

Page 38: FrontBox - what frontend web development is? Let's discover ReactJS!

Keep in Touch

• @ThePeg

[email protected]

• noBlackMagic.com

• npmjs.com/~marcopeg

• GitHub.com/marcopeg

• GitHub.com/politejs