Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
The Future of Data in Ember
Search
Dan Gebhardt
March 14, 2018
Programming
480
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
The Future of Data in Ember
Presented at EmberConf 2018.
Dan Gebhardt
March 14, 2018
More Decks by Dan Gebhardt
See All by Dan Gebhardt
An Introduction to the JSON:API Specification
dgeb
5
870
Worker power!
dgeb
0
530
Modern Ember
dgeb
0
180
Give Apps Online Superpowers by Optimizing them for Offline
dgeb
2
230
Overview of Orbit.js
dgeb
0
150
Introducing Ember Engines
dgeb
4
3.7k
Introducing JSON API
dgeb
5
790
Fault Tolerant UX
dgeb
4
990
Ambitious Data Flows with Ember.js and Orbit.js
dgeb
10
1.7k
Other Decks in Programming
See All in Programming
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
1
290
AI が書く Go コードの品質を劇的に向上させる Linter: “declscope”
mpyw
0
380
一人だけ、Kiroが静止する日
hideg
0
120
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
drumath2237
1
200
Kiroで創り、AgentCoreで繋ぐ!AWSで実践する「AI-DLC」から「AIエージェント統合」までの最新地図
licux
4
700
SREの越境 / SRE Collaboration
y0hgi
2
250
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
teyamagu
PRO
1
430
FreeBSDでZabbixを動かす
kenkino
0
310
AWS DevOps Agentで インシデント対応をAIに任せたい
honmarkhunt
7
3k
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
atsuki_seo
0
160
Family mrubyの進捗
kishima
1
130
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
ken_tunc
0
300
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1369
210k
Chasing Engaging Ingredients in Design
codingconduct
0
320
Exploring anti-patterns in Rails
aemeredith
4
510
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
KATA
mclloyd
PRO
35
15k
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
300
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
700
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.3k
Transcript
the future of data in ember dan gebhardt @dgeb
the future of data in ember is __________________________
the future of data in ember is __________________________ web standards
the future of data in ember is __________________________ ahead of
web standards
the future of data in ember is __________________________ realtime
RESTful the future of data in ember is __________________________
the future of data in ember is __________________________ graph-based
operations the future of data in ember is __________________________
offline the future of data in ember is __________________________
what you need it to be the future of data
in ember is __________________________
ember needs to meet you where you are and help
you get where you want to be
Orbit Fetch + JSON Ember Data ember-apollo-client emberfire ember-redux
None
requirement fetch and display data about some of your favorite
emberistas
server-side solution GET /api/v1/contacts GET /api/v1/contacts/:contact_id
client-side solution Fetch + JSON
None
None
requirement work offline
None
solution service workers
None
None
$ ember install ember-service-worker $ ember install ember-service-worker-index $ ember
install ember-service-worker-asset-cache $ ember install ember-service-worker-cache-fallback
None
None
None
None
requirement admin pages to edit emberistas (does not need to
work offline)
server-side solution GET /api/v2/contacts GET /api/v2/contacts/:contact_id POST /api/v2/contacts PATCH /api/v2/contacts/:contact_id
DELETE /api/v2/contacts/:contact_id
client-side solution Ember Data
None
None
None
requirement everything needs to work offline
server-side solution GET /api/v2/contacts GET /api/v2/contacts/:contact_id POST /api/v2/contacts PATCH /api/v2/contacts/:contact_id
DELETE /api/v2/contacts/:contact_id
client-side solution Orbit
None
None
Orbit Fetch + JSON Ember Data
how do we allow apps to evolve with the least
friction?
None
None
Capabilities Complexity
None
None
None
Config
None
None
None
February 2013
February 2013
None
None
ActiveModel Serializers (Rails) Ember Data + RestAdapter
ActiveModel Serializers (Rails) Ember Data + RestAdapter
May 2013 Initial draft May 2015 v1.0
ActiveModel Serializers (Rails) Ember Data + JSONAPIAdapter
JSONAPI Resources (Rails) Ember Data + JSONAPIAdapter
JSONAPI Resources (Rails) Orbit + JSONAPISource
fast_jsonapi (Ruby) Orbit + JSONAPISource
50+ server libs 14 languages 50+ client libs 14 languages
None
composable, well-defined interfaces Document Structure Protocol Usage +
monolithic full-stack solution back end front end
back end front end single point of connection
back end front end new degree of freedom
back end front end interchangeable components
None
HTTP compliant Basic CRUD
compound documents hypermedia links filtering sparse fieldsets etc.
v1.1 operations local identities profiles
None
Ember Applications Ember Data
composability + extensibility
store adapter serializer
None
tight coupling store model
store model addons
None
store model addons RecordData interface
new interfaces unlock experimentation
unlocked by RecordData: POJO models schemaless models immutable data structures
static analysis
None
store models basic CRUD
store
partial records embedded records changesets
???????????????
None
data access and synchronization
universal data layer
None
None
u s e c a s e s
OFFLINE
CLIENT-FIRST DEVELOPMENT
PLUGGABLE SOURCES
DATA SYNCHRONIZATION
EDITING CONTEXTS
UNDO / REDO
OPTIMISTIC UI
b a s i c s
SOURCES
SYNCHRONIZES DATA BETWEEN SOURCES
FLOW CONTROL
s t o re
CHANGE TRACKING
IMMUTABLE DATA
None
single source schema
multiple sources coordination strategies state buckets
custom sources new query ops new update ops
how does orbit fit with ember data?
store models basic CRUD
partial records embedded records changesets
???????????????
offline store forking optimistic UIs undo / redo
offline store forking optimistic UIs undo / redo
Orbit : Ember Data :: Glimmer : Ember
Orbit : Ember Dat :: Glim :
ember data can provide orbit's capabilites in a convention-driven package
orbit and its ecosystem can provide a laboratory for experimentation
"The Future"
GraphQL usage will continue to grow. Apollo will continue to
innovate.
REST+ solutions, like JSON:API 1.1, will also grow.
The operations primitive will be adopted across the stack.
Static analysis will improve runtime efficiency.
Immutable data structures will see increased internal usage.
Demand for offline PWAs will grow in order to compete
with native apps.
Orbit will see continued growth across the frontend and in
Node.
You will be able to incrementally adopt new capabilities in
your application as you need them.
None
None
None
Config
None
None
None
None
None
let's build great things together!