62
Presented by Jonathan Jackson Boots and Shoeboxes

Boots and Shoeboxes

Embed Size (px)

Citation preview

Page 1: Boots and Shoeboxes

Presented by Jonathan Jackson

Boots and Shoeboxes

Page 2: Boots and Shoeboxes

Who is this guy?• @rondale_sc

• github.com/rondale-sc

[email protected]

Page 3: Boots and Shoeboxes

emberweekend.com

Page 4: Boots and Shoeboxes
Page 5: Boots and Shoeboxes

• www.201-created.com • Community Survey • Work Module Unification 🎉

Page 6: Boots and Shoeboxes

The roadmap• What is FastBoot?

• How can I use FastBoot?

• What do I do if I run into trouble?

Page 7: Boots and Shoeboxes

Ember's Answer to Server-Side Rendering

Page 8: Boots and Shoeboxes

Why not these?

• Rails

• PHP

• WordPress

Page 9: Boots and Shoeboxes

Traditional Server Tech• Crawlable by definition

• Performance on limited connectivity devices

• Predictable performance and upgrade paths

• State management

Page 10: Boots and Shoeboxes

Browsers

Page 11: Boots and Shoeboxes
Page 12: Boots and Shoeboxes
Page 13: Boots and Shoeboxes
Page 14: Boots and Shoeboxes

The Browser is no longer a document viewer

Page 15: Boots and Shoeboxes

Browsers are evergreen🌲

Page 16: Boots and Shoeboxes

Rapid Standards Adoption

Page 17: Boots and Shoeboxes

Why not these?

• Rails

• PHP

• WordPress

Page 18: Boots and Shoeboxes
Page 19: Boots and Shoeboxes

[...]

Page 20: Boots and Shoeboxes

Server Side Rendering

And more...

Page 21: Boots and Shoeboxes

In React

Page 22: Boots and Shoeboxes

Before FastBoot

Page 23: Boots and Shoeboxes

Before FastBoot (cont...)

Page 24: Boots and Shoeboxes

Before FastBoot (cont...)

Page 25: Boots and Shoeboxes

“Server-side Rendering is a bit of a misnomer [...] it's not just

server-side rendering it's server-side routing, and server-

side model fetching et, al.”

–Tom Dale

Page 26: Boots and Shoeboxes
Page 27: Boots and Shoeboxes

[...]

Page 28: Boots and Shoeboxes

Alright, how do I use FastBoot then?

Page 29: Boots and Shoeboxes
Page 30: Boots and Shoeboxes

And you'll see something like this...

Page 31: Boots and Shoeboxes
Page 32: Boots and Shoeboxes
Page 33: Boots and Shoeboxes
Page 34: Boots and Shoeboxes

Let's fetch something.

Page 35: Boots and Shoeboxes

Reactions for

Page 36: Boots and Shoeboxes
Page 37: Boots and Shoeboxes

Ember Serve Ember Fastboot Serve

🤔

Page 38: Boots and Shoeboxes
Page 39: Boots and Shoeboxes
Page 40: Boots and Shoeboxes
Page 41: Boots and Shoeboxes

Ember Serve Ember FastBoot Serve

Page 42: Boots and Shoeboxes

So now that we know that let's talk about the shoebox!

Page 43: Boots and Shoeboxes
Page 44: Boots and Shoeboxes

So what is the shoebox?

Page 45: Boots and Shoeboxes

• app/models/reaction • app/serializers/reaction • app/adapter/reaction

Page 46: Boots and Shoeboxes
Page 47: Boots and Shoeboxes
Page 48: Boots and Shoeboxes
Page 49: Boots and Shoeboxes

fastboot instance-initializer

browser instance-initializer ember data store

Page 50: Boots and Shoeboxes

What about deployment?

Page 51: Boots and Shoeboxes

approved

!

Page 52: Boots and Shoeboxes
Page 53: Boots and Shoeboxes

What do I do if something goes wrong?

Page 54: Boots and Shoeboxes

Check the stacktrace

Page 55: Boots and Shoeboxes

Check the issues

Page 56: Boots and Shoeboxes

Or maybe try...

Page 57: Boots and Shoeboxes
Page 58: Boots and Shoeboxes
Page 59: Boots and Shoeboxes
Page 60: Boots and Shoeboxes
Page 61: Boots and Shoeboxes

Check the #-fastboot channel

Page 62: Boots and Shoeboxes

Thanks!

• @rondale_sc on twitter

• rondale-sc on github

• email: [email protected]