embercli rails: an integration love story
TRANSCRIPT
EmberCLI RailsAn Integration Love Story
Jonathan Jackson @rondale_sc
rondale-sc
jonathan-jackson.net
Jonathan Jackson @rondale_sc
rondale-sc
jonathan-jackson.net
What I’ll be covering
• A brief intro to Ember.js
• The History of Rails and Ember
• Introduction to EmberCLI Rails gem
• Goals of the EmberCLI Rails project
A Brief Intro to Ember.js
—Luke Melia
“98% of building good apps is understanding
your layers and knowing what code should go
where.”
MVC
Well, Kinda.
More like MVCR+
Router• Application state
• Updates URL per route transition
Models• Persisting Objects
Views• DOM Interactions
• DOM events to semantic actions
Controllers• Presenting data for view layer to render
Why Ember.js is appealing to Rails developers.
Yehuda
Convention over configuration
Shared nomenclature*
Emphasis on meaningful URLs
Focus on testing
Rails <3 Ember• Yehuda
• Convention over configuration
• Shared nomenclature*
• Emphasis on meaningful URLs
• Focus on Testing
The History of Rails and Ember
Ember Rails (gem)
x
Rails
• Globals (still)
• File Structure
• Precompiled templates into asset pipeline
API Testing GeneratorsAsset Compilation
Asset Serving
Ember AppKit• precursor to EmberCLI
• Grunt build tooling
• ES6 transpilation
• Solid project structure
• Frontend/backend package management via NPM/Bower
Bower
Upgrades are hard!
xx
Ember AppKit Rails (gem)
API Testing GeneratorsAsset Compilation
Asset Serving
Rails Ember
• Rails generators for AppKit resources
• Tests accessible in Rails-land
• Simple API versioning
• Compiled to AMD
Upgrades are hard!
EmberCLI• Successor of Ember AppKit
• Broccoli as a build tool
• Testing harness out of the box
• Constant improvements
• Addons
Upgradability• Solid upgrade path with `ember init`
• guided upgrade with blueprints used for diff
Complete Separation
• Tested independently
• Allows for greater specialization
• Flexible backend
• Separation of concerns at a system level
xxAPI Testing GeneratorsAsset Compilation
Asset Serving
Testing
Rails Ember
No full-stack acceptance testing conventions
Ad hoc development workflows
Doesn't work well with existing applications
Deployments become more complicated
The pitfalls of complete separation
• No full-stack acceptance testing conventions
• Ad hoc solutions to development workflow
• Doesn't work with existing applications
• Without excessive duplication
• Deployments become more complicated (conventions)
The EmberCLI Rails gem
Somewhere in Between...
Responsibilities of EmberCLI Rails
xAPI Testing
Rails
x GeneratorsAsset Compilation
Asset Serving
Testing
Ember
x x
RAT
GeAssAs
E
Responsibilities of EmberCLI Rails
x x
Rails
API
Testing
Generators
Asset Compilation
Asset Serving
Ember
How does it work?
How do I use it?
We start with a Rails app...
Goals of the EmberCLI Rails Project
Maybe we have some time for a demo?
demo
demo2 - shameless plug
Jonathan Jackson @rondale_sc
rondale-sc
jonathan-jackson.net