Bring Fun Back to JS: Step-by-Step Refactoring Toward Ember
summary
The talk shows a concrete refactor path: wrap messy jQuery in an initLegacyCode jail, write integration tests, extract computed-property models, and replace UI bits with Ember Components so the DOM becomes a read-only view of state. It uses Ember Data and ic-ajax to stub APIs, drives out delete and favorite features, and demonstrates the refactor works end-to-end with tests and a live demo that adds favorites in minutes.
AI-written summary · about
chapters (18)
- 0:00Start
- 13:33Rap it
- 14:15The Component
- 14:34The Template
- 14:44The Sprinkling
- 15:07First test
- 16:43AJAX tests
- 17:53Identi Models
- 18:09Unit tests!
- 18:35Extract to model
- 19:11Add Handlebars
- 19:58Identify States
- 21:08Change states
- 21:34What's left?
- 23:002nd Component
- 23:132nd Test Set
- 23:252nd Template
- 24:21CSS Animation
related talks
26mModern Javascript Frameworks - Introduction to Ember.JS and Ember-CLI
59mEmber.js, and why the framework helps you unlocking unprecedented productivity.
49mBuilding Web Applications with Ember.js
40mSurprise Talk
44mModern JavaScript: Moving Beyond jQuery
40mFRONTEND CHOICES
21mYehuda Katz and Tom Dale (Tilde Inc.) interviewed at Fluent 2014
24mAligning Ember with Web Standards