Logo Awesome React

Awesome React

Benchpress your Legacy Applications With React

There are legacy applications that cannot be replaced. They function as expected, however they are a pain to maintain and develop. Despair not! React was built to be incrementally added to existing applications. In this talk we’re going to explore strategies for adding React to existing legacy applications, painlessly.

CONTENTS

0:05 - Intro
0:10 - The Great Outdoors
0:53 - Greenfields Project
1:28 - Not all project are greenfield
1:33 - Sometimes you have to use what’s there
1:43 - High Line Park example
2:51 - A large legacy project
2:54 - Too expensive to discard
3:06 - Which is what they did
4:15 - About Harry Wolff
4:47 - Shameless plug
6:05 - MongoDB Atlas
7:08 - A lot of data currently exists in Backbone Models
7:42 - Demo: Forcing cooperation
10:51 - Backbone.Models emits when its values change
11:18 - Marionette.Views are built to be used with Backbone.Models
11:27 - However React doesn’t
11:32 - Demo: Let’s make React listen
12:52 - This is why we created connectBackboneToReact!
13:00 - A library that makes it easy to use Backbone Models with React
13:37 - Rich options
14:57 - Demo: Connected and cool

RESOURCES

Slides
https://speakerdeck.com/hswolff/benchpress-your-legacy-applications-with-react

connectBackboneToReact
https://github.com/mongodb-js/connect-backbone-to-react

The Console Log Video Blog
http://theconsolelog.com/

Blog
https://hswolff.com

Greenfield project
https://en.wikipedia.org/wiki/Greenfield_project