Top Banner
Presented by Jonathan Jackson Boots and Shoeboxes
62

Boots and Shoeboxes

Feb 15, 2017

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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]