Backbone & React Together Forever

31
Backbone & React Together Forever

Transcript of Backbone & React Together Forever

Page 1: Backbone & React Together Forever

Backbone &

ReactTogetherForever

Page 2: Backbone & React Together Forever

Backbone.View

is aJoke!

Page 3: Backbone & React Together Forever
Page 4: Backbone & React Together Forever

Do not leave appsUnattended!

Page 5: Backbone & React Together Forever

“It was fine when we first wrote it”

Page 6: Backbone & React Together Forever

Big-bang rewritesARE TERRIBLE

Page 7: Backbone & React Together Forever

Views:SubviewsTemplatesEvent handlersData bindingTesting

Page 8: Backbone & React Together Forever

Side-e!ects

SUCK!

Page 9: Backbone & React Together Forever

Groups of Views Have Structure

Page 10: Backbone & React Together Forever

Patterns Emerge

Page 11: Backbone & React Together Forever

Early Optimizations

Page 12: Backbone & React Together Forever

Frame budget trickery

Fixing memory leaksAsync renderingNative DOM methods

jQuery plugin hell

Page 13: Backbone & React Together Forever

Double Render!THE DREADED

Page 14: Backbone & React Together Forever

Double Render!THE DREADED

Page 15: Backbone & React Together Forever

Naive View

Page 16: Backbone & React Together Forever
Page 17: Backbone & React Together Forever

Parent View

Page 18: Backbone & React Together Forever
Page 19: Backbone & React Together Forever

WhyBackboneIn the first place?

Page 20: Backbone & React Together Forever

WhyReact

Even?

Page 21: Backbone & React Together Forever

Browserify

PerformanceComponents

Facebook

Page 22: Backbone & React Together Forever

Towards SDKsModels / Collections

Routers / Controllers

Views. Lots and lots of Views.

Page 23: Backbone & React Together Forever

Other cool things!

Page 24: Backbone & React Together Forever

Prop enforcement!

Page 25: Backbone & React Together Forever

Mixins!

Page 26: Backbone & React Together Forever

Internal State!

Page 27: Backbone & React Together Forever

Big-bang rewritesARE TERRIBLE

Page 28: Backbone & React Together Forever

JSX is pretty ok, actually

Page 29: Backbone & React Together Forever

Facebook Solve it

Let

Page 30: Backbone & React Together Forever
Page 31: Backbone & React Together Forever

Thanks!

@sambreed@quickleft@sprintly