Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mind the Front-end Gap: Navigating the Path fro...

Chris Ball
September 18, 2015

Mind the Front-end Gap: Navigating the Path from Rails to Ember

You’ve heard great things about Ember as a front-end framework and want to give it a try. You’re experienced with Rails but don’t know where to start in this brave new world. This talk will give actionable advice on how to best leverage your Rails experience to help ease your transition to Ember.

You’ll still use Rails for the API and domain layer, it’s awesome for that. But by leaning on Ember’s strong conventions just like you did with Rails, you’ll find that working on the front-end is much more enjoyable and productive when you’re not jumping through Russian Dolls and sprinkles of JavaScript.

Chris Ball

September 18, 2015
Tweet

More Decks by Chris Ball

Other Decks in Programming

Transcript

  1. Great Tooling (you're used to this) rails serve rails test

    rails generate <type> <name> rails new <project name> bundle gem <gem name> cball_
  2. Great Tooling ember-cli will feel familiar! ember serve ember test

    ember generate <type> <name> ember new <project name> ember addon <addon name> cball_
  3. ember s ember t ember g <type> <name> ember new

    <project name> ember addon <addon name> cball_ Great Tooling ember-cli will feel familiar!
  4. Rendering is slow. Does this look familiar? Completed 200 OK

    in 1749ms (Views: 1725.7ms | ActiveRecord: 23.3ms) cball_
  5. Focus on URLs. Ember Router maps URL to application state.

    Helps avoid the refresh issue. cball_
  6. ES6 support out of the box Eliminates the need for

    CoffeeScript and adds additional features. http:/babeljs.io
  7. cball_ Small methods Collaborator objects SRP things hard = doing

    wrong TDD generators Acceptance tests Unit tests addons = gems blocks, yield CRUD Refactoring Brain ENV config reopen class DDAU = pass messages
  8. cball_ Heroku ember-cli buildpack - API_URL will set nginx proxy

    - Requires 2 heroku apps https://github.com/tonycoco/heroku-buildpack-ember-cli
  9. cball_ ember-cli-deploy By default, Rails serves index.html from Redis, assets

    from S3. http://ember-cli.github.io/ember-cli-deploy
  10. Keep using Rails for a great API and for what

    makes your app special. cball_