Skip to content
A cheat sheet for converting between classic and octane edition of Ember
HTML JavaScript CSS
Branch: master
Clone or download
rwjblue just a typo (#25)
just a typo
Latest commit 69579fe Dec 23, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets adding some style Jul 31, 2019
styles updated intro paragraph with a lead style Jul 31, 2019
.editorconfig Sets up a basic editorconfig (fixes #13) Sep 16, 2019
LICENSE Fix deployed app link Jul 8, 2019

Ember Octane vs Classic Cheat Sheet

Check out the deployed app!

See side-by-side examples of Classic Ember vs Octane Edition.

This uses Prism code hightlighting with the file highlight plugin.

Inspired by YouMightNotNeedJQuery.

Running locally

This is a vanilla JavaScript application. You must serve the files locally in order for the JavaScript and CSS to load in the browser. For example:

npm install http-server -g
http-server .

Visit http://localhost:8080 to see the results. If you make changes, restart the server. You might have to clear the cache to see your changes. (In Chrome, open the dev tools, then right click on the browser's main refresh arrow and choose Empty Cache and Hard Reload, or configure your dev tools to not keep a cache in the first place.)


Contributions are welcome! Simple examples can be added to this cheat sheet. Copy and paste a <section> block in index.html. Create the code sample files in the code directory, change the data tag of the <pre>, and you're done! Try to follow the same file naming scheme as is used elsewhere, and make sure to name any .hbs files .handlebars instead or the formatting won't get applied.

Advanced strategies should be PR'd directly to the Ember.js Guides, since the goal of this project is to keep it as short and sweet as possible.


This site is deployed to GitHub Pages automatically from the master branch.

You can’t perform that action at this time.