Track Awesome Ember Updates Weekly

A curated list of awesome Ember.js stuff like addons, articles, videos, gists and more.

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 ember-community-russia/awesome-ember · ⭐ 191 · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Jul 29 - Aug 04, 2024

Packages / Charts

• ember-c3 (⭐81) - An addon library for C3, a D3-based reusable chart library and more compatible.

Sep 12 - Sep 18, 2022

Packages / Charts

• ember-highcharts (⭐140) - A Highcharts, HighStock and HighMaps components for ember-cli.

Dec 13 - Dec 19, 2021

Packages / Articles

• A collection of notes that summarize EmberConf 2021

Feb 08 - Feb 14, 2021

Packages / Why Articles

• Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019

• Moving from React to Ember 2020

Packages / Articles Modern Testing

• Setting up Coveralls for your Ember Addons

Packages / Best-practices

• Built-in input helpers in Ember.js: when should they be used?

Packages / Nice to know

• Creating runtime assisted Codemods using Telemetry helpers

Nov 02 - Nov 08, 2020

Packages / CI/CD

• CI with GitHub Actions for Ember Apps - Reducing CI runtimes with GitHub Actions

• CI with GitHub Actions for Ember Apps: Part 2 - Migrating to v2 actions, lowering runtime cost and continuously deployment

Packages / Decorators

• Macro Decorators - DRY your code by creating decorators that duplicated getter/setter's functionality

Packages / Articles Glimmer

• Getting Started With Glimmer-Native

• What is the current state of more advanced Glimmer VM features?

• UNIT-TESTING GLIMMER COMPONENTS

Packages / Articles

• Deploying an Ember.js App to Netlify

• Ember performance tweaks: Optimising build timelines & bundle size

• Ember performance tweaks: Optimising Assets

• Ember performance tweaks: Search engine optimization

Packages / Articles Modern Testing

• Write Tests Like a Mathematician: Part 1

• Write Tests Like a Mathematician: Part 2

• Write Tests Like a Mathematician: Part 3

Packages / Articles about Data

• Fit Any Backend Into Ember with Custom Adapters & Serializers

Packages / Cheatsheets

• Ember Component Cheat Sheet - pre Octane

Packages / Ember Releases

• Ember 3.10 Released - May 21, 2019

• Ember 3.11 - July 15, 2019

• Ember 3.12 - August 16, 2019

• Ember 3.13 (Octane Preview) - Sep 25, 2019

• Ember 3.14 (Octane Preview Cont.) - Nov 18, 2019

• Ember 3.15 "Octane" Released - Dec 20, 2019

• Ember 3.16 - Feb 12, 2020

• Ember 3.17 - March 16, 2020

• Ember 3.18 - May 5, 2020

• Ember 3.19 - June 26, 2020

• Ember 3.20 - July 29, 2020

• Ember 3.21 - Sep 02, 2020

• Ember 3.22 - Oct 20, 2020

Packages / Examples

• https://creator.emojible.store/

Packages / Videos

• Ember.js: The Documentary

• Ember.js: The Documentary (Русская версия) - Russian langauge version

• GraphQL: The Documentary

• GraphQL: The Documentary (Русская версия) - Russian language version

• Ember and GraphQL: A Quick Example

• Ember Octane Livestream: Build a drum machine

• Tracking in the Glimmer VM - Chris Garrett discusses how tracking works in Ember

• Commit Porto '19: Thriving through the hype cycle: an Ember.js story (Ricardo Mendes)

• Animating Across Routes with Ember Animated - EmberMap video adding across-route tranistion animations

• Creating an Ember Application - First in an upcoming series on Ember

• Stef & Rob: do we still need the built-in Input component? Stefan Penner and Robert Jackson debate the built-in Input component

• Ember Octane - Great For Beginners - You can just write HTML and CSS and get pretty far with Ember Octane

• Yet Another Test Runner by Kelly Sheldon @ Ember London

Packages / YouTube channels

• EmberJS Chennai

• Meetup: London

Packages / YouTube playlists

• Ember.js tutorial for beginners in 2020 - A 10 part series by Shawn Chen

Jun 22 - Jun 28, 2020

Packages / End-user customization

• ember-stargate (⭐67) - A modern take on using so called "portals" to render things in a different place of the DOM tree than they are logically defined in the app.

Packages / Polyfills

• ember-named-blocks-polyfill (⭐39) - This addon provides a polyfill for the Yieldable Named Blocks feature.

Packages / Examples

• https://www.submarinecablemap.com/

• https://music.apple.com/

Jun 01 - Jun 07, 2020

Packages / a11y

• ember-a11y-refocus (⭐18) - Provides an unobtrusive navigation narration element for Ember applications.

Packages / Charts

• ember-charts (⭐785) - A charting library built with the Ember.js and d3.js frameworks.

Packages / Control flow

• Generators
  • ember-concurrency (⭐691) - Ember.js Addon that enables you to write concise, worry-free, cancelable, restartable, asynchronous tasks.
  • ember-master-tab (⭐11) - A library that provides a service which helps running a function on only one tab of an Ember application.

Packages / Examples

• An ember integration for building visual programming editors with blockly. (⭐4)

Apr 20 - Apr 26, 2020

Packages / UI libs

• Frontile (⭐52) - Frontile aims to provide the legos (components, helpers, modifiers, and styles) necessary for building consistent and powerful Ember.js apps.

Mar 30 - Apr 05, 2020

Packages / Articles

• A collection of notes that summarize EmberConf 2020

Packages / Videos

• EmberConf 2020 - Videos of the sessions from EmberConf 2020.

Feb 17 - Feb 23, 2020

Packages / Examples

• A wild tomster appears (⭐17)

Feb 10 - Feb 16, 2020

Packages / Gists Ember Data

• Mirage GraphQL example

Dec 30 - Jan 05, 2019

Packages / External Components Integration

• ember-lifecycle-component (⭐9) - A component with additional lifecycles for times when you may need need a template.

• ember-vue-components (⭐10) - Vue.JS component API for Ember.

Packages / Helpers

• ember-event-helpers (⭐36) - Complimentary event template helpers to the {{on}} modifier.

• ember-render-helpers (⭐22) - @ember/render-modifiers as template helpers.

• ember-truth-helpers (⭐707) - Ember.js HTMLBars Helpers for {{if}} & {{unless}}: not, and, or, eq & is-array.

Dec 02 - Dec 08, 2019

Packages / Helpers

• ember-element-helper (⭐44) - Dynamic element helper for Glimmer templates.

Nov 18 - Nov 24, 2019

Packages / VS Code addons

• Glimmer Templates Syntax for VS Code - Glimmer syntax highlighting for Ember.js.

Packages / Sandboxes

• Ember Octane @ CodeSandbox - Ember Octane CodeSandbox template.

Nov 11 - Nov 17, 2019

Packages / Videos

• EmberFest 2019

Nov 04 - Nov 10, 2019

Packages / Data validation

• ember-line-graph - Zero-dependency ember-addon to draw line-charts.

Packages / Security

• ember-permissions (⭐14) - Permission management for Ember applications.

Packages / UI components

• ember-drag-sort (⭐92) - A sortable list component with support for multiple and nested lists.

• ember-perfect-scroll (⭐21) - Perfect scroll component as an Ember cli addon.

Packages / Examples

• Ember.js RealWorld Implementation (⭐183) - Ember.js codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.

Packages / Videos

• EmberCamp 2018 - Videos of the sessions from EmberCamp 2018

• EmberCamp 2019 - Videos of the sessions from EmberCamp 2019

Oct 28 - Nov 03, 2019

Packages / Gists

• Forwarding Named Blocks in Glimmer

• Multi Named Blocks

Oct 07 - Oct 13, 2019

Packages / Tools

• Ember Unused Components (⭐51) - This script searches for unused components in your Ember project

Aug 26 - Sep 01, 2019

Packages / Adapters

• ember-local-storage (⭐218) - The addon provides a storage for computed property that returns a proxy and persists the changes to localStorage or sessionStorage.

Aug 19 - Aug 25, 2019

Packages / Adapters

• ember-wordpress (⭐95) - The bridge between Ember.js and WordPress.

Packages / Broccoli

• broccoli-rollup (⭐36) - Broccoli Plugin For "Rollup".

Packages / Component addons

• ember-compatibility-helpers (⭐24) - Helpers that allow you to write backwards compatible Ember.js addons.

Packages / CSS & etc

• ember-cli-postcss (⭐110) - A PostCSS integration for ember-cli.

Packages / Data manipulation & Computed

• ember-cpm (⭐276) - Computed property Macros for Ember.js.

Packages / End-user customization

• ember-cli-build-notifications (⭐24) - Notifications when ember-cli has a build error.

Packages / HTTP

• ember-socket-guru - Addon for easy integration with Pusher.js, Action Cable, Socket.io and Phoenix Channels.

Packages / Infinite Scroll

• vertical-collection (⭐176) - Infinite Scroll and Occlusion at > 60 FPS.

Packages / Job queues

• ember-lifeline (⭐240) - An ember addon for managing the life cycle of asynchronous behavior in your objects.

Packages / Parcel

• todomvc-demo (⭐1) - Glimmer.js + Parcel.js Example.

Packages / Service Workers

• ember-service-worker-request-chaos (⭐2) - Like Netflix's Chaos Monkey but for your Ember.js SPA's API requests.

Packages / VS Code addons

• vscode-ember-colorizer (⭐0) - VSCode extension that colorizes/tokeninzes Ember.js .hbs, Controllers, and Routes files.

Packages / Articles

• How does Ember Boot?

Packages / Articles Glimmer

• Why I’m excited about Glimmer.js

Packages / Articles TypeScript

• Ember Typescript Code Coverage - how to gist

Packages / Articles Modern Testing

• Using Fakes from Ember-Sinon-QUnit

Packages / Examples Glimmer

• glimmer-hn-pwa (⭐28) - A Demonstration Of Hacker News Progressive Web App Powered By Glimmer.js.

Aug 12 - Aug 18, 2019

Packages / a11y

• e-a11y-modal (⭐9) - A simple modal for accessible Ember.js applications.

• ember-a11y-landmarks (⭐19) - Ember.js addon to help with landmark roles for better accessibility.

• ember-a11y (⭐82) - A collection of tools to build accessible Ember.js applications.

• ember-component-focus (⭐21) - A mixin for adding methods to your Ember.js components that help you manage the currently focused element.

• ember-gestures (⭐160) - Ember.js gestures provides an easy way to use gestures by making it simple to define and use HammerJS managers and recognizers throughout your app.

• ember-a11y-testing (⭐137) - A suite of accessibility tests that can be run within the Ember.js testing framework.

Packages / Animations

• liquid-fire (⭐1.2k) - Animations & transitions for ambitious Ember.js applications.

Packages / Benchmarking

• ember-macro-benchmark (⭐25) - Benchmark recording of an ember app with running with 2 versions of Ember.js.

• ember-performance (⭐140) - A suite of tests for Ember.js to help with performance.

• emberperf - Ember.js Performance (Between versions).

Packages / Blogging

• empress-blog (⭐179) - Fully-functional, SEO friendly static site implementation of a blog system built on Ember.js.

• ember-tumblr (⭐7) - Ember.js Addon for integrating a Tumblr blog.

Packages / Code Splitting

• ember-engines (⭐491) - This Ember.js addon implements the functionality described in the Ember.js Engines RFC. Engines allow multiple logical applications to be composed together into a single application from the user's perspective.

• ember-cli-lazy-load (⭐42) - Support lazily loading your Ember.js app via splitting it up into Bundles.

Packages / Codestyle

• ember-cli-alex (⭐7) - Alex for Ember.js apps.

• ember-prop-types (⭐80) - Improved property management for Ember.js apps and addons.

Packages / Command-line utilities

• ember-cli-deprecation-workflow (⭐166) - An addon geared towards making Ember.js upgrades easier by allowing you to work through deprecations without massive console noise.

Packages / Compression

• ember-cli-deploy-brotli (⭐7) - Ember.js deploy plugin to support brotli compression.

Packages / State management

• ember-cerebraljs (⭐4) - Enhanced state management for complex Ember.js apps using Cerebral.

Packages / Helpers

• ember-awesome-macros (⭐206) - A collection of Ember.js computed macros.

• ember-composable-helpers (⭐634) - Composable helpers for declarative templating in Ember.js.

• ember-promise-helpers (⭐206) - Promise-y sugar for your Ember.js templates.

• ember-macro-helpers (⭐62) - Ember.js macro helpers for making your own fancy macros!

Packages / Data validation

• ember-cp-validations (⭐444) - Ember.js computed property based validations.

Packages / Date

• ember-moment (⭐400) - Template helpers and computed property macros for moment.js and Ember.js.

Packages / Debugging / Profiling

• ember-perf-timeline (⭐98) - Add performance information to Chrome's Timeline for Ember.js applications.

• ember-cli-route-map (⭐15) - Command to generate a route map of your Ember.js application.

Packages / Documentation

• ember-cli-addon-docs (⭐176) - Easy, beautiful docs for your Ember.js addon.

• ember-cli-jsdoc (⭐21) - An Ember.js CLI addon to generate HTML documentation from JSDoc comments in the source code.

• ember-freestyle (⭐269) - Ember-freestyle is an Ember.js addon that allows you to quickly create a component explorer for your Ember.js app.

Packages / End-user customization

• ember-asset-loader (⭐34) - Asset loading support for Ember.js applications.

• ember-experiments - Experimentation, A/B Split Testing addon for Ember.js.

• ember-named-yields (⭐18) - Named Yields for Ember.js Components.

• ember-islands (⭐236) - Render Ember.js components anywhere on a server-rendered page to create "Islands of Richness".

Packages / ES6

• ember-decorators (⭐359) - Useful decorators for Ember.js applications.

• @ember-decorators/argument (⭐30) - Decorators for Component and Object arguments in Ember.js.

• sparkles-decorators (⭐2) - Decorators for Sparkles/Glimmer.js Components.

Packages / External Components Integration

• ember-glimmer-component (⭐9) - Glimmer.js-like components in Ember.js.

• sparkles-component (⭐43) - Addon used to experiment with @glimmer.js/component style APIs in Ember.js apps via existing public APIs.

• hooked-components (⭐31) - Custom components for Ember.js, inspired by React Hooks approach.

• @alexlafroscia/ember-cli-react (⭐51) - Render React components in Ember.js.

• @AltSchool/ember-cli-react (⭐68) - Use React component hierarchies in your Ember.js app.

Packages / HTTP

• ember-ajax (⭐215) - Service for making AJAX requests in Ember.js 1.13+ applications.

Packages / Math

• ember-math-helpers (⭐105) - Ember.js HTMLBars helpers for basic arithmetic.

Packages / Image

• ember-svg-jar (⭐250) - The best way to embed SVG images into your Ember.js application.

Packages / Inputs

• ember-autoresize (⭐88) - Autoresize for Ember.js Components.

Packages / Job queues

• ember-custom-actions (⭐75) - Custom API actions for Ember.js applications.

Packages / Logging

• ember-debug-logger - An Ember.js addon to expose the Visionmedia debug logger.

Packages / Mad science

• ember-elm (⭐55) - Write Elm in your Ember.js app.

Packages / Metrics

• ember-user-activity (⭐110) - Ember.js Addon for tracking user activity & idling.

Packages / Mobile

• corber (⭐333) - Tooling for cordova and crosswalk hybrid applications built with Ember.js.

• glimmer-native (⭐77) - Have you ever wanted to use Ember.js/Glimmer.js to create a native mobile app? Well now you can!

• ember-responsive (⭐40) - Easy responsive layouts with Ember.js.

Packages / Modifiers

• ember-functional-modifiers (⭐40) - Functional Modifiers for Ember.js.

Packages / Polyfills

• ember-modifier-manager-polyfill (⭐10) - Polyfill element modifiers for Ember.js 2.12 through 3.7.

• ember-named-arguments-polyfill (⭐18) - Polyfills support for named arguments for Ember.js 2.10 through 3.0.

• ember-native-class-polyfill (⭐9) - This addon provides a polyfill for the native class behavior that was proposed in Ember.js RFCs #240 and #337.

• ember-router-service-polyfill (⭐36) - This addon provides a best effort polyfill for the ember-routing-router-service feature added in Ember.js 2.15.

Packages / Service Workers

• ember-service-worker-asset-cache (⭐28) - An Ember.js Service Worker plugin that caches an Ember.js app's asset files.

• ember-service-worker-cache-fallback (⭐15) - An Ember.js Service Worker plugin that resorts to a cached fallback version when the network request fails.

• ember-service-worker-cache-first (⭐7) - A cache first Ember.js Service Worker plugin.

• ember-service-worker-index (⭐20) - An Ember.js Service Worker plugin that caches the index.html file.

• ember-service-worker-prember (⭐6) - An Ember.js Service Worker plugin that caches the index.html files for each prember route.

• ember-service-worker-unregistration (⭐0) - An Ember.js plugin that unregister service workers when ember-service-worker is disabled.

• ember-service-worker-cache-rendered (⭐1) - Ember.js service worker plugin for storing rendered html in cache, really useful for fastboot.

• ember-service-worker-enqueue (⭐4) - An Ember.js Service Worker plugin that catches failed mutation requests e.g POST, PUT, DELETE and queues them for background processing.

Packages / PWA

• ember-web-app (⭐141) - This Ember.js addon helps you configure and manage the manifest.json and meta tags needed to create progressive web applications.

Packages / Query Params

• ember-parachute (⭐199) - Improved Query Params for Ember.js.

Packages / Routing addons

• ember-component-routes (⭐25) - Render components directly from routes in Ember.js.

Packages / Security

• ember-can (⭐270) - Simple authorisation addon for Ember.js apps.

Packages / SSR / Server Side Rendering

• glimmer-ssr-test - Making a Glimmer.js app be rendered in the server.

Packages / Static site generators & SEO

• ember-meta (⭐19) - Setup meta for your Prember/Ember.js blog to support opengraph, microdata, Facebook, Twitter, Slack etc.

• prember (⭐196) - Prerender Ember.js apps with Fastboot at build time.

Packages / Templating

• Emblem.js (⭐1k) - Ember.js-friendly, indented syntax alternative for Handlebars.js.

Packages / Testing

• ember-qunit-decorators (⭐4) - Use ES6 or TypeScript decorators for QUnit tests in your Ember.js app.

• ember-cli-addon-tests (⭐31) - Test helpers for testing Ember CLI addons inside the context of a real Ember.js app.

• ember-percy (⭐73) - Ember.js addon for visual regression testing with Percy.

• ember-qunit (⭐261) - QUnit test helpers for Ember.js.

• ember-window-mock (⭐62) - Use window global as an Ember.js service that can be mocked in tests.

Packages / Text

• ember-text-measurer (⭐37) - Simple Ember.js Service to measure the width of a string in a performant way.

Packages / TypeScript

• ember-typescript-utils (⭐3) - Utility functions built around Typescript and Ember.js.

Packages / UI libs

• ember-bootstrap - Provides a collection of native Ember.js components that mimic the original Bootstrap plugins and components in an ember friendly way.

• ember-paper (⭐889) - The Ember.js approach to Material Design.

• ember-radical - Feather light, fully accessible DDAU component library for your Ember.js apps.

• Semantic-UI-Ember (⭐331) - This is the official Ember.js library for the Semantic-UI modules.

Packages / UI components

• ember-flatpickr (⭐109) - An Ember.js addon that wraps the Flatpickr date picker.

Packages / VS Code addons

• Ember Syntax - Syntax highlighting for Ember.js template files AND syntax highlighting for inline template definitions with tagged templates!

• ember-module-snippets (⭐3) - Snippets to make importing Ember.js modules a snap in VSCode.

Packages / Web Components

• ember-cli-web-components (⭐15) - Use your Ember.js components in other framework as Web Components!

Packages / Articles

• An Elementary Guide to Ember.js Build Performance

• Ember.js 2019 Roadmap Posts (⭐20)

• The case for Embeddable Ember.js

• The State of the Ember.js Addon Ecosystem in 2019

• Static Types in Ember.js?

• Using Lerna to manage multiple Ember.js apps

• Animation and Predictable Data Loading in Ember.js

• Confirming Actions in Ember.js

• Async Computed Properties in Ember.js

• Ember.js Route Hooks — A Complete Look

• Understanding unknownProperty in Ember.js

• An Introduction to Ember.js for Angular Developers

• Debugging Ember.js with VScode

• Ember.js community, meet CodeSandbox!

• Fuel up your Ember.js with Octane

• Ember Octane – everything one can expect in the next Ember.js edition

• Lazy-loading modules in Ember.js

• Optimizing Ember.js Templates

• PWA Your Ember.js App

• Adding a new build notification to an Ember.js application

• Making Ember.js Applications' UI Transitions Screen Reader Friendly

• Share Ember.js common code between apps

• The Ember.js of the future... today!

• Building a Progressive Web App with Ember.js

• Dynamic component layout in Ember.js

• Modern Ember.js (2018)

• Django & Ember.js Full Stack Basics: Connecting Frontend and Backend — Part 1

• Shipping Ember.js bundles based on the user's browser

• How I added whitelabel theming to my Ember.js app

• Decorating Guide: Commonly-Used Ember.js Decorators

• Creating Connection-aware Ember.js Media Components

• Configuring Ember.js Analytics for GDPR

• Drag and Drop on iOS with Ember.js

• Build and Authenticate an Ember.js 3 Application

• 16 Opensource Ember.js Projects to Learn From

• 5 Essential Ember.js Concepts You Must Understand

• Awesome Ember.js Addons

• Debug Ember.js app with VSCode

• Ember.js Best Practices: Computed Properties with Dynamic Dependent Keys

• Ember.js Best Practices: Avoid leaking state into factories

• Ember CLI Addon Docs: Shared Documentation for the Ember.js Ecosystem

• Ember.js on Medium

• Tom Dale on Ember.js and JavaScript Frameworks - Year 2013.

• We have a new Ember.js front-end!

• Deep Dive on Ember.js Events

Packages / Why Articles

• Ember.js. Your best bet.

• Why Ember.js?

• 6 Reasons Why To Use Ember.js In 2019

• Ember.js: Our Secret Weapon

• When you should not pick Ember.js as your next front-end tool

Packages / Jump-Start Articles

• It’s easier in Ember.js. Probably.

Packages / Articles Ember-Concurrency

• Two-Tasks Routes in Ember.js

Packages / Articles TypeScript

• Typing Your Ember.js - Using TypeScript with Ember.js.

Packages / Articles Modern Testing

• Headless Ember.js Tests in GitLab with Docker

• Making my Ember.js test suite 3x faster. A story about Mirage

• Learn TDD in Ember.js

• Ember.js Timer Leaks: The Bad Apples in Your Test Infrastructure

• How we test 200k lines Ember.js application in <10 minutes. Again!

• Bending Time in Ember.js Tests

• Ember.js QUnit Simplification

• Testing your Ember.js application in 2018

• Modern Ember.js Testing

• Testing Ember.js Applications in 2018

Packages / Articles about Data

• No Graph Theory Required: Ember.js and GraphQL in Practice

Packages / Articles about Routing

• How to reset the Ember.js router namespace with this.route()

• Ember.js-Router Wildcard/Globbing Routes

• Ember.js.Route redirecting ‘/’ to ‘/my-own’

Packages / Yarn in Ember Articles

• Ember.js and Yarn Workspaces

Packages / Best-practices

• An Ember.js Debugging Flowchart

Packages / Blogs

• TODAY I LEARNED / Ember.js

• Ember.js Daily Tips

Packages / Books

• The Shortest Ember.js Book (⭐38)

• A deep dive into the Ember.js runloop (⭐370)

• Ember.js for Artisans - Creating Single Page Apps backed by Laravel.

• Ember.js Book (RU)

Packages / Cheatsheets

• Glimmer.js

Packages / Codemods

• ember-es6-class-codemod (⭐68) - A codemod-cli project for converting Ember.js objects to es6 native classes.

• ember-module-migrator (⭐75) - Automated migration for new Ember.js application layout.

• ember-test-helpers-codemod (⭐29) - Codemod to transform your Ember.js tests to use @ember/test-helpers.

• ember-on-codemod (⭐0) - Replace use of Ember.on.

• ember-memory-leaks-codemod (⭐0) - A collection of codemod's for fixing memory leaks in Ember.js applications.

• ember-3x-codemods (⭐0) - A Codemod with a collection of transforms to address Ember.js 3.x deprecations.

• ember-computed-getter-codemod (⭐0) - Ember.js Computed Getter Codemod.

Packages / Courses

• Frontend Masters: Advanced Ember.js 2.x - Mike North

• Frontend Masters: Ember.js 2.x - Mike North

Packages / Discovery

• emberjs.GitHub.io/rfcs/ - Ember.js RFCs.

Packages / Examples

• A list of open source Ember.js apps (⭐238)

• guides-app (⭐21) - Replacement for emberjs/guides and the Ember.js Guides.

• HospitalRun (⭐6.8k) - Ember.js front end for HospitalRun hospitalrun.io.

• Travis CI (⭐612) - The Ember.js web client for Travis CI.

• ember-osf-web (⭐120) - Ember.js front-end for the Open Science Framework.

• ember-graphql-examples (⭐5) - Examples of using GraphQL in Ember.js.

• ember-rolodex (⭐0) - An example of what an Ember.js tutorial between the quick start and Super Rents could look like.

• Percy's frontend web application, built with Ember.js.

Packages / Examples Glimmer

• the-chosen (⭐0) - Glimmer.js project created to learn & decide easier during our scrum dailies meeting who is the next person to share status.

• glimmer_eats (⭐0) - A demo PWA built with Glimmer.js.

• glimmer-synth (⭐14) - Synthesizer built using WebAudio and Glimmer.js.

• glimmer-js-online-offline-demo (⭐2) - Sample Glimmer.js app: online/offline browser events.

• glimmer-qrious (⭐0) - Glimmer.js components using QRious library to generate QR code in webpage.

• glimmer-of-life (⭐1) - An implementation of Conway's Game of Life using Glimmer.js.

• endless-hoops (⭐1) - It's a basketball game written in JavaScript/Canvas/Glimmer.js.

• glimmer-hangman (⭐0) - A implementation of the well-known game 'Hangman' in Glimmer.js.

Packages / Gists

• A list of Ember.js VSCode Extensions (⭐12)

• Ember.js Bundle Size

• Ember.js + ESLint + Prettier + Ember Suave

• @wycats/A small sampling of external projects initially built for Ember.js use but designed to be used standalone

• Ember.js publishing tools

• Ember CLI es6 imports

• Ember CLI Windows speedup

• "Why Ember.js" Thoughts

Packages / Sandboxes

• Ember Twiddle - An Ember.js Twiddle for multiples files which lets you save your work in GitHub.

• Ember @ Glitch - Glitch.me with Ember.js.

• Ember @ CodeSandbox - CodeSandbox with Ember.js.

Packages / Screencasts

• BuildLab: Ember.js Screencasts for the determined.

• EmberWatch - Screencasts - A collection of Ember.js screencasts.

Packages / Tools

• Ember Data Sails Adapter (⭐90) - An Ember Data adaptor for the Sails.js sockets.

• Ember Data WordPress Adapter (⭐37) - An Ember Data adapter for the WordPress JSON API.

• Ember Inspector (⭐970) - Adds an Ember.js tab to Chrome or Firefox Developer Tools that allows you to inspect Ember.js objects in your application. - Officially maintained.

• mber (⭐33) - Ember CLI replacement. Currently alpha.

Packages / Tutorials

• Ember Components: A Deep Dive - A closer look at using Ember.js Components.

• Ember runloop handbook (⭐370) - A deep dive into the Ember.js runloop.

• Ember with Phoenix (AKA The PEEP Stack) - Developing an Ember.js front-end alongside a JSON API-compliant Phoenix backend.

Jul 15 - Jul 21, 2019

Packages / Babel

• ember-cli-babel-plugin-helpers (⭐4) - Utilities for managing Babel plugins in Ember CLI apps and addons.

Packages / Videos

• Productive Frontend Test Driven Development That Actually Works

Jul 08 - Jul 14, 2019

Packages / a11y

• ember-accessibility (⭐33) - Addon to help identify accessibility violations during development.

• ember-steps (⭐4) - Declarative create wizards, tabbed UIs, and more.

• ember-page-title (⭐187) - Page title management for Ember.js Apps.

• ember-self-focused (⭐35) - Focus on route on transition.

• ember-keyboard (⭐177) - An Ember.js addon for the painless support of keyboard events.

• a11y-announcer (⭐44) - An accessible ember route change announcer.

Packages / Adapters

• ember-cloud-firestore-adapter (⭐69) - Unofficial Ember Data Adapter and Serializer for Cloud Firestore.

• ember-data-hal-9000 (⭐38) - An ember-data compatible ember-cli addon that provides a HAL adapter (HATEOAS).

• ember-django-adapter (⭐191) - Ember CLI addon adapter for Django REST Framework.

• ember-graphql-adapter (⭐245) - GraphQL adapter for Ember Data.

• ember-localforage-adapter (⭐133) - Offline usage for Ember Data.

• ember-pouch (⭐280) - PouchDB/CouchDB adapter for Ember Data.

• emberfire (⭐685) - Official Ember Data adapter for Firebase.

Packages / Database

• ember-indexeddb (⭐17) - Utilities & adapter to work with IndexedDB in ember & ember-data.

Packages / Authentication

• tori - A set of clean abstractions for authentication in Ember.js.

Packages / Automation

• ember-cli-deploy (⭐560) - A deployment pipeline for Ember CLI apps.

• ember-cli-deploy-webhooks (⭐19) - Ember CLI Deploy plugin for calling webhooks during deployments.

• ember-cli-release (⭐90) - Ember CLI addon for versioned release management.

Packages / Blogging

• ember-cli-blog (⭐86) - Tom Dale's blog example updated for the Ember CLI.

Packages / Broccoli

• broccoli-concat-analyser (⭐126) - Assets profiling.

• broccolijs-tutorial (⭐14) - Broccoli.js Tutorial repository.

• broccoli-manifest (⭐39) - HTML5 cache-manifest compilation for broccoli.

Packages / Charts

• ember-sparkles (⭐56) - Collection of composable D3 components built with ember-d3-helpers.

Packages / CI/CD

• ember-ci (⭐25) - Continuous integration goodies for ember.js apps.

Packages / Code Splitting

• ember-lazy-mount (⭐12) - Allow {{mount}} lazy loading route-less engines.

Packages / Codestyle

• ember-cli-template-lint (⭐151) - Ember CLI integration for ember-template-lint.

Packages / Command-line apps

• ember-cli-create (⭐64) - CLI wizard to create a new ember project.

• ember-cli-rename (⭐9) - Addon for ember-cli that provides an ember rename command.

Packages / Command-line utilities

• ember-cli-update (⭐276) - Update Ember CLI Ember.js apps, addons and Glimmer.js apps.

Packages / Control flow

• Promises
  • ember-computed-promise-monitor (⭐11) - Enable computed properties to be async-aware.

• Observables
  • ember-rx (⭐9) - RxJS 6 integration for Ember.js.

Packages / CSS & etc

• ember-cli-stylelint (⭐48) - Adds styleint to your ember app, to lint all kinds of css.

• ember-cli-autoprefixer (⭐103) - Automatically run your styles through autoprefixer.

• ember-cli-sass-pods (⭐63) - Enjoy styling your pods with the sass style file in the pod directory.

• ember-component-css (⭐542) - An Ember CLI addon which allows you to specify styles for individual components.

• ember-css-modules (⭐282) - CSS Modules for ambitious applications.

• ember-emotion (⭐17) - Use emotion styling in Ember.js.

• css-blocks (⭐6.3k) - High performance, maintainable stylesheets.

• ember-cli-eyeglass (⭐740) - This Ember CLI Addon makes it trivial to compile your sass files with eyeglass support via node-sass.

Packages / Styling

• ember-cli-sass (⭐276) - Use node-sass to preprocess your ember-cli app's files, with support for sourceMaps and include paths.

Packages / Styling kits

• ember-cli-tailwind (⭐100) - Adds Tailwind CSS to your app or addon.

Packages / Fonts

• ember-cli-webfont (⭐21) - Easily generate webfonts from svg files as part of your ember-cli build process.

Packages / State management

• ember-redux - Predictable state management for ember apps.

Packages / Data Management

• ember-apollo-client (⭐279) - An ember-cli addon for Apollo Client and GraphQL.

• ember-cli-sofa (⭐4) - CouchDB persistence library for Ember.js.

• ember-orbit (⭐319) - Ember.js data layer built with Orbit.js.

• ember-m3 (⭐86) - This addon provides an alternative model implementation to DS.Model.

Packages / Data manipulation & Computed

• ember-macaroni (⭐99) - Keep your app code DRY and copypasta free with computed property macaronis (macros).

Packages / Data validation

• ember-changeset-validations (⭐220) - Validations for ember-changeset.

Packages / Debugging / Profiling

• ember-chrome-devtools (⭐94) - Chrome DevTools addon for Ember.js.

Packages / End-user customization

• ember-cli-hot-loader (⭐99) - An early look at what hot reloading might be like in the ember ecosystem.

• ember-ast-hot-load (⭐91) - Universal hot-load addon.

• ember-feature-flags (⭐214) - An ember-cli addon to provide feature flags.

Packages / ES6

• ember-concurrency-decorators (⭐70) - Decorator syntax for declaring/configuring ember-concurrency tasks.

Packages / Helpers

• ember-helpers - A collection of handlebars helpers for Ember.js.

• ember-route-action-helper (⭐330) - Bubble closure actions in routes.

Packages / Include external JS code

• ember-auto-import (⭐360) - Zero config import from npm packages.

• ember-cli-cjs-transform (⭐48) - CommonJS imports.

• ember-browserify (⭐172) - Addon for easily loading CommonJS packages from npm via browserify.

Packages / Internalization & Localization

• ember-intl-analyzer (⭐48) - Find unused translations in your Ember.js projects.

Packages / Logging

• ember-logging-service (⭐3) - This addon provides a general and extensible logging service that can be used throughout your application.

Packages / Mad science

• javascript-algorithms (⭐186k) - Algorithms and data structures implemented in JavaScript with explanations and links to further readings.

Packages / Math

• ember-katex (⭐1) - Render your LaTeX formulas using KaTeX.

Packages / Metrics

• ember-metrics (⭐368) - Send data to multiple analytics services without re-implementing new API.

Packages / Minifiers

• ember-hbs-minifier (⭐48) - Stripping whitespace out of your Handlebars templates.

• ember-cli-template-trimmer (⭐1) - This addon removes newlines on compile stage.

Packages / Mobile

• ember-mobile-bar (⭐6) - Managed fixed (tool)bars with mobile app-like behaviour.

• ember-mobile-core (⭐11) - Provides a pan recognizer and some utils for the ember-mobile-* addons.

• ember-mobile-menu (⭐34) - Draggable sidebar specifically tailored to mobile devices.

• ember-mobile-pane (⭐4) - Mobile layout ember-mobile-pane.

Packages / Modifiers

• ember-css-vars (⭐4) - A ember modifier to apply css variables. This gives a save way to expose data from JavaScript to css.

• ember-simple-animate (⭐8) - Simple ember animate addon for CSS based animations.

Packages / Parcel

• ember-parcel-example (⭐1) - Ember.js + Parcel.js Example.

Packages / Payments

• ember-credit-card (⭐97) - "make your credit card form dreamy in one line of code".

Packages / Service Workers

• ember-service-worker (⭐238) - A pluggable approach to Service Workers for Ember.js.

• ember-cli-workbox (⭐20) - Offline caching as a progressive enhancement using service workers.

• ember-service-worker-emberfire-messaging (⭐14) - Firebase Cloud Messaging service worker support for Emberfire apps.

• ember-service-worker-update-notify (⭐28) - Update notification for service workers.

Packages / Query Params

• ember-query-params-service (⭐57) - Do you have controllers that only parse query params?

• ember-href-to (⭐191) - A lightweight alternative to {{link-to}}.

Packages / SSR / Server Side Rendering

• ember-fastboot (⭐851) - Server-side rendering for Ember.js apps.

Packages / Static site generators & SEO

• prember-rss-feed (⭐3) - Ship RSS feeds for your Prember site.

Packages / Templating

• ember-cli-jsx-templates (⭐16) - TSX/JSX support for ember templates.

Packages / Testing

• ember-cli-code-coverage (⭐194) - Code coverage for ember apps using Istanbul.

• ember-cli-mocha (⭐147) - Mocha and Chai tests for ember-cli applications.

• ember-cli-page-object (⭐274) - This ember-cli addon eases the construction of page objects on your acceptance and integration tests.

• ember-cli-yadda (⭐42) - Write cucumber specs for ember-cli applications.

• ember-concurrency-test-waiter (⭐21) - Easily enable test waiters for ember-concurrency tasks.

• ember-test-selectors (⭐263) - Enabling better element selectors in Ember.js tests.

• ember-test-setup (⭐6) - Testing shorthands to reduce duplication.

• ember-sinon (⭐64) - Ember CLI addon adding support for sinon.js.

Packages / TypeScript

• ember-typings (⭐14) - Typescript type definitions for ember.js.

Packages / UI libs

• ember-cli-uniq (⭐3) - Default components for Ember.js that implement the Uniplaces Design System.

• ember-element-ui (⭐0) - Provides element-ui for ember.

• ember-ghost-casper-template (⭐39) - A static site version of the default personal blogging theme for Ghost.

• Nomad UI (⭐15k)

Packages / UI components

• ember-basic-dropdown (⭐156) - The basic dropdown you ember app needs.

Packages / UX

• ember-onbeforeunload (⭐30) - Invoke logic when transitioning between routes or closing window.

Packages / VS Code addons

• ember-language-server (⭐98) - Language Server Protocol implementation for Ember.js projects.

• unstable-ember-language-server - Language Server Protocol implementation for Ember.js projects (Unstable, including experimental features).

Packages / Atom addons

• Atom Ember Snippets (⭐38)

Packages / Articles Glimmer

• Glimmer.js Application proposal - Compilation, Rendering, SSR, Rehydration.

Packages / Articles FastBoot

• How to integrate Ember FastBoot in Cloud Functions for Firebase

• Ember FastBoot + Google App Engine

• Deploying FastBoot apps with ember-cli-deploy

Packages / Blogs

• medium.com/ember-ish - Ember.js essentials for beginners and intermediate devs.

• programwitherik.com - Ember.js tuts.

Packages / Books

• ember-cli 101 - By Adolfo Builes.

• Ember.js in Action - By Joachim Haagen Skeie.

Packages / Codemods

• ember-native-class-codemod (⭐68) - A codemod for transforming your ember app code to native JavaScript class syntax with decorators!

• ember-mocha-codemods (⭐4) - Codemod scripts for ember-mocha.

Packages / Community

• Stack Overflow

Packages / Examples

• Super Rentals (⭐165) - Super Rentals is a good starter project to get acclimated to the Ember.js way of doing things.

• Vault (⭐31k) - A Tool for Managing Secrets (Hashicorp).

• emberclear (⭐197) - Encrypted Chat. No History. No Logs. + MU & TS.

• skylines-project (⭐393) - Live tracking, flight database and competition framework.

• PIX (⭐5) - PIX.

• octane-ecommerce (⭐25) - Ember Octane + FastBoot + Algolia + PayPal + Formspree (s, v, d).

Packages / Examples Glimmer

• breethe-client (⭐75) - Air Quality Data for Locations around the World.

• Glimmeroids (⭐12) - Asteroids implementation using Glimmer.js.

• built-with-spaghetti (⭐1) - Built with Spaghetti aims to function as a gateway to web art.

• glimmer-live-chat (⭐13) - A Live chat application crafted using Glimmer.js.

• glimmerjs-address-book-demo (⭐0) - Example Glimmer.js application - AddressBook Demo.

• glimmer-dashboard (⭐0) - Glimmer.js dashboard example.

• glimmer-redux-todo (⭐0) - Todo app written with Glimmer.js and Redux.

• glimmer-pong (⭐5) - Pong game written using Glimmer.js and SVGs.

• glimmer-material (⭐5) - A Glimmer.js wrapper for Material Components for the Web.

• vorfreude (⭐7) - When you can't wait but have to.

Packages / Gists

• Accessing the Global App Object in an Ember CLI App

Packages / Miscellaneous

• emberwatch - The community hub for Ember.js content.

Packages / Newsletters

• statusboard - STATUS BOARD.

Packages / Podcasts

• emberweekend

Packages / Slides

• 30 Days Of Ember - Dawid Pośliński.

• NaNoWriMo: How can Ember help you write a novel - @EmmaDelecolle.

• Slides from Ember JS Berlin talk, Design Patterns in Ember (⭐2) - By @chadian.

• Rainy Day Ember Data - Tony Schneider (@tonywok).

• Building Realtime Apps with Ember.js and WebSockets - Ben Limmer.

• Deploying a Location-Aware Ember Application - Ben Limmer.

• Developing Desktop Apps with Electron & Ember.js - FITC WebU2017 - Aidan Nulman.

• Ember addons, served three ways - Mike North.

• Ember At Scale - Chad Hietala, LinkedIn.

• EmberConf 2015 – Ambitious UX for Ambitious Apps - Lauren Elizabeth Tan.

• EmberConf 2016 – Idiomatic Ember: Finding the Sweet Spot of Performance & Productivity - Lauren Elizabeth Tan.

• Fun with Ember 2.x Features - Ben Limmer.

• How do I Even Web App - An introduction to web programming with Ember CLI by Lydia Guarino.

• Rapid prototyping and easy testing with ember cli mirage - Krzysztof Bialek.

• Start Me Up - Building an MVP with EmberJS, Firebase and Material Design - Brendan O'Hara.

• Upgrading Ember.js Apps - Ben Limmer.

Packages / Tools

• Ember Gist - Demo Ember CLI'eque apps using GitHub Gist.

• Ember Perf (⭐73) - Measure user-percieved performance data in your ember.js app.

• ember-data-model-maker - UI to make ember-data models & payload examples.

Packages / Tutorials

• Discover Ember 2 - Learn how to build a Twitter clone from scratch.

• Getting Started with Ember.js using Ember CLI - Building a Todo app with Ember CLI.

Packages / Videos

• Working with Ember Animated & Addon Internals: Ember Concurrency – Ember NYC, May 2019

• EmberConf 2018 - Videos of the sessions from EmberConf 2018.

• EmberConf 2019 - Videos of the sessions from EmberConf 2019.

• Web App Performance & Ember.js - Web App Performance & Ember.js.

Jul 01 - Jul 07, 2019

Packages / Polyfills

• ember-fn-helper-polyfill (⭐6) - This addon provides a polyfill for the {{fn}} helper as described in RFCs #470.

Packages / Articles

• How to Actually Build Superior Web Apps for Free

• The Ember.js testing guide, I made for myself

• Ember Octane Update: Async Observers

Jun 24 - Jun 30, 2019

Packages / Examples

• Rust Package Registry (⭐2.9k) - crates.io

Jun 17 - Jun 23, 2019

Packages / External Components Integration

• ember-functional-component (⭐11) - Attempting to use "pure functions" as components.

Jun 03 - Jun 09, 2019

Packages / Web Components

• shadow-dom (⭐29) - Write templates for your components inside of a Shadow DOM root.

Packages / Webpack

• glimmer-compiler-webpack-plugin (⭐13)

Packages / Weird

• ember-dynamic-render-template (⭐14) - Render DOM from a template string.

May 27 - Jun 02, 2019

Packages / VIM

• Unstable language server for neovim

May 13 - May 19, 2019

Packages / Gists

• A principled model for forms

Packages / Gists Ember Data

• Ember Data | Useful helpers: push-deletion, push-payload

• Ember Data | Complex Attrs

• Ember Data | Advanced Query Cache

• Ember Data | Can we unload a record that has been deleted?

• Ember Data | Persist Local Relationship Changes

• Ember Data | Push Polymorphic

• Ember Data | has-many Batch Create

• Ember Data | Local Deletion

• Ember Data | Save Transaction

• Ember Data | Coalesce findHasMany within adapter Twiddle

• Ember Data | Nested save

• Ember Data | Cascade Delete

May 06 - May 12, 2019

Packages / Boilerplating

• ember-boilerplate (⭐36) - The stable base upon which we build our Ember.js projects at Mirego.

Packages / Articles

• How to translate your Ember.js application with ember-intl

• Using ember-animated to re-sort a list

• Throttling Ember-Data with Ember-Concurrency

• Coming Soon in Ember Octane - Part 3: Tracked Properties

• Coming Soon in Ember Octane - Part 4: Modifiers

• Coming Soon in Ember Octane - Part 5: Glimmer Components

• Ember Octane Update: What's up with @action?

• Ember Octane Update: Landing Decorators

Packages / Why Articles

• NYC Planning Labs: Why Choose Ember.js?

• Why DockYard Builds with Ember.js

• How Ember.js Enables Us to Focus on Shipping Features

Packages / Jump-Start Articles

• Challenges I face(d) with Ember.js

Packages / Blogs

• lost-in-technology.com

Apr 29 - May 05, 2019

Packages / Examples

• Medicine Inventory (⭐0) - Sample application developed with Ember CLI, Corber.io, ember-element-ui.

Apr 15 - Apr 21, 2019

Packages / Animations

• ember-animated (⭐244) - Web Animations with Ember js

Packages / Debugging / Profiling

• ember-dead-code (⭐6) - Detect dead code with confidence via real user monitoring.

Packages / UI libs

• ember-elements (⭐58) - a UI toolkit in Ember

Packages / Articles

• EmberConf 2019 Links and Notes (⭐8)

• Blog Post for an Ambitious Framework

Packages / Contribution Guides

• How to contribute to the ember times - part1

• How to contribute ember release post - part2

Packages / Courses

• embermap.com

• Emberschool.com

• embercasts.com

Packages / Twitter

• EmberJS

• The Ember Times

• Ember Weekly

• Tom Dale

• Yehuda Katz

• Melanie Sumner

• Jen Weber

• Robert Jackson

• Stefan Penner

• Matthew Beale

• Chris Thoburn

• Chris Garrett

• Alex Navasardyan

• Igor Terzic

• Dan Gebhardt

• Alex Speller

• Sam Selikoff

• Ryan Toronto

• Balint Erdi

• Luke Melia

Mar 25 - Mar 31, 2019

Packages / Articles

• A collection of notes that summarize EmberConf 2019

Packages / Articles about Data

• Cascade Deleting Relationships in Ember Data

Mar 18 - Mar 24, 2019

Packages / Data Management

• ember-cli-zuglet - Ember.js addon for effortless Firebase integration.

Packages / Modifiers

• ember-style-modifier (⭐36) - This addon provides a {{style}} element modifier to set element's style.

Mar 04 - Mar 10, 2019

Packages / Articles

• Make your deprecated CSS stand out

Feb 25 - Mar 03, 2019

Packages / Command-line apps

• @ember/optional-features (⭐40) - This addon allows you to easily enable/disable optional features in ember-source. To clarify what we mean by optional, these are features that will be opt-in/opt-out and optional for the foreseeable future, not features that will be enabled by default. It is intended for use with apps only not addons.

Packages / Modifiers

• ember-ref-modifier (⭐44) - An implementation of the {{ref}} element modifier.

Feb 18 - Feb 24, 2019

Packages / Modifiers

• ember-on-modifier (⭐38) - An implementation of the {{on}} element modifier shown in the Modifiers RFC #353.

• ember-render-modifiers (⭐85) - Implements did-insert / did-update / will-destroy modifiers for RFC #415.

Packages / Articles

• Ember.js ❤Angle Brackets. A Migration Guide & Cheat Sheet

• Coming Soon in Ember Octane - Part 1: Native Classes

• Coming Soon in Ember Octane - Part 2: Angle Brackets Syntax & Named Arguments

• Nested components and angle brackets, a sneaky solution

Jan 28 - Feb 03, 2019

Packages / Articles

• Ember.js Native Class Update: 2019 Edition

Packages / Examples

• New York City Census Reporting Tool (⭐40)

Jan 14 - Jan 20, 2019

Packages / Code Splitting

• ember-cli-bundle-loader (⭐23) - Addon to allow for multiple bundles and do lazy loading.

Packages / Templating

• ember-template-component-import (⭐14) - This addon allows you to use import-style syntax to create local bindings to a component within a template file.

Packages / Articles

• Staging environments with ember-cli-deploy

• Higher-Order Components in Ember.js

• How to handle async properties in Ember.js

• 8 Top Ember.js Interview Questions in 2018

Packages / Articles about Data

• Managing Relations in Ember Data with JSON API

Packages / Videos

• Ember.js Tutorial: Build a painting game in 20 mins

• Maintaining an Ember App at Scale, with Chris Ng

• Jackie Luo: From React to Ember: A Modern Comparison

• The Future of Ember js - Summary of upcoming changes to Ember.js based on presentations from EmberConf 2018.

Dec 17 - Dec 23, 2018

Packages / Examples

• documize.com (⭐2.1k)

Dec 10 - Dec 16, 2018

Packages / Articles

• Components patterns in Ember.js

Nov 19 - Nov 25, 2018

Packages / Articles Glimmer

• Alternative View Layers for an Elm App

• Glimmer: Blazing Fast Rendering for Ember.js, Part 1

• Glimmer: Blazing Fast Rendering for Ember.js, Part 2

Packages / Articles TypeScript

• ember-cli-typescript v2 beta

Nov 12 - Nov 18, 2018

Packages / AST

• dyfactor (⭐8) - A platform for running codemods based on runtime information.

Packages / Adapters

• ninjafire (⭐29) - An ORM for Firebase written in Typescript.

Packages / Broccoli read

• Debugging a Broccoli Tree

Packages / Examples

• ember-monorepo-demo (⭐6)

Packages / Videos

• Ember San Francisco Meetup at Square, October 2018

• Ember: The Next 10 Years | Tom Dale | EmberCamp Chicago 2018

• Stop Coding: You Have a Product Gap | Sam Selikoff | EmberCamp Chicago 2018

• Caveats of the Default Store - Ember London - September 2018

• EmberFest 2018

• EmberFest 2014

Nov 05 - Nov 11, 2018

Packages / Articles

• How to keep your ember.js project clean and well-structured

Oct 29 - Nov 04, 2018

Packages / Examples

• Simple contact manager demo app for ember-orbit (⭐16)

Oct 22 - Oct 28, 2018

Packages / Articles about Data

• Creating a Default Record When a belongsTo Request Errors

Oct 15 - Oct 21, 2018

Packages / Broccoli read

• Debugging Broccoli and Ember-CLI

Packages / Debugging / Profiling

• ember-cli-bundle-analyzer (⭐99) - An Ember CLI addon to analyze the size and contents of your app's bundled output, using an interactive zoomable treemap.

Packages / Forms

• ember-cli-crudities - Form and editable list builder that works from json config which can be either statically or dynamically loaded.

Packages / VR

• ember-vr

Packages / Articles about Data

• The case against async relationships in Ember Data

Oct 01 - Oct 07, 2018

Packages / Videos

• Hybrid Apps with Ember/Glimmer

Packages / YouTube playlists

• Ember London 2018

Sep 24 - Sep 30, 2018

Packages / Ember-Cli Articles

• Ember-cli fingerprinting and dynamic assets

Sep 17 - Sep 23, 2018

Packages / Service Workers

• ember-service-worker-project-entagled-registration (⭐0) - This addon is to be used along with ember-service-worker to ensure that the service worker being used is paired properly to the project.

Packages / Screencasts

• Community Groups App - Debugging relationships in Ember CLI Mirage (part 3)

Sep 10 - Sep 16, 2018

Packages / Articles

• Using PurgeCSS with Ember.js

Packages / Screencasts

• Community Groups App - Creating Records in Ember CLI Mirage (part 2b)

Packages / Videos

• How to improve your tests? - Paweł Kuwik

• Optional & upcoming features - Michał Staśkiewicz

Sep 03 - Sep 09, 2018

Packages / Gists

• Ember.js approval requirements

• ember-cli-advanced-proxy (⭐1)

• What are components all about.

Packages / Articles

• Automating Ember.js App Deployment on AWS

• Everything one can expect in Ember Octane

• To attrs or not to attrs

Packages / Articles Glimmer

• Glimmer.js: What’s the Deal with TypeScript?

• Git Guides (⭐1.1k)

• Designing and Implementing Glimmer Like a Programming Language

Packages / Articles TypeScript

• Type-Informed Design

• Class properties — some notes on how things differ from the Ember.Object world

• Computed properties, actions, mixins, and class methods

• Using Ember Data, and service and controller injections improvements

Packages / Articles about Data

• Ember Data RecordArray AntiPatterns

• Useful Ember Data helpers

Packages / Nice to know

• Codemods

Packages / Screencasts

• Community Groups App - Creating Records in Ember CLI Mirage (part 2a)

Packages / Videos

• Must have add-ons in EmberJS - Dawid Pośliński

• Building Modern Apps Using API Services - Ember Meetup August 21, 2018

Packages / YouTube playlists

• Intercom Screencasts

Aug 27 - Sep 02, 2018

Packages / Debugging / Profiling

• heimdalljs-visualizer (⭐20) - Visualizer for heimdalljs data.

Packages / Resolver customization

• ember-cli-extended-resolver - This addons allows to modify default files structure to be more feature-grouped.

Aug 20 - Aug 26, 2018

Packages / Broccoli

• broccoli-glow (⭐3) - Dynamic component creation from single file, etc.

Packages / Content management systems

• ember-admin (⭐241) - Automatically discover your models and interact with all model data in a simple CRUD interface.

Packages / Job queues

• ember-data-tasks (⭐25)

Packages / Tree Shaking

• ember-cli-tree-shaker (⭐76) - This is a testbed for the new tree-shaking and code splitting work from Kelly Selden and Alex Navasardyan.

Packages / Articles

• Understanding Ember's resolver

Packages / Codemods

• ember-cli-mirage-faker-codemod (⭐2) - This codemod is to help transition from importing faker through ember-cli-mirage, to instead import it directly from faker.

Aug 13 - Aug 19, 2018

Packages / UI libs

• Flexi (⭐219)

Packages / Articles Modern Testing

• STORY-BASED BDD - AN ALTERNATIVE APPROACH TO TESTING WITH EMBER

Packages / Articles about Data

• Ad Hoc Relationships with Ember Data

Aug 06 - Aug 12, 2018

Packages / Articles

• A framework for ambitious Chrome Extensions

Jul 30 - Aug 05, 2018

Packages / Resources

• Front-End Performance Checklist (⭐17k)

Packages / Articles

• Autodiscovery for the Ember.js component playground

Packages / Ember-Cli Articles

• Secrets of the Ember-CLI server: Express middleware with Ember-CLI

Packages / Jump-Start Articles

• The simplest possible Ember Data CRUD Tutorial

Packages / Articles Glimmer

• Creating Web Components with Glimmer

• Building a PWA with Glimmer.js

• The Glimmer VM: Boots Fast and Stays Fast

• The Glimmer Binary Experience

Packages / Articles Engines

• CSS in Ember Engines

• Enginification

Packages / Articles Ember-Concurrency

• Adopting ember-concurrency or: How I Learned to Stop Worrying and Love the Task

• Async or Swim: Replacing your Route models with Ember Concurrency Tasks

• ember-concurrency: the solution to so many problems you never knew you had

• PromiseProxyMixin: pure Ember alternative to ember-concurrency

Packages / Articles ES6

• ES Classes in Ember.js

Packages / Articles TypeScript

• Ember.js, TypeScript, and Class Properties

• Set your Ember.js project up to use TypeScript

Packages / Articles Modern Testing

• Testing Ember.js Mixins (and Helpers) With a Container

Packages / Articles about Data

• Extracting Metadata from a Custom API with Ember Data

Packages / Gists

• Converting libraries to Ember CLI addons

• Developing Addons and Blueprints

Jul 23 - Jul 29, 2018

Packages / UI components

• ember-attacher - Tooltips & popovers made easy.

Packages / Articles

• Tips for improving build time of large apps

Jul 09 - Jul 15, 2018

Packages / Testing

• ember-test-friendly-error-handler (⭐15) - Build testable error handlers that don't throw in production...

Packages / Articles

• A collection of links that summarize EmberConf 2018 (⭐57)

Packages / Articles Modern Testing

• Test helpers: The next generation

Jun 25 - Jul 01, 2018

Packages / Broccoli read

• Debugging Ember-cli Build Times

• Ember.js Lazy Assets: Fingerprinting & loading static/dynamic assets on demand

• Thoughts on how to write faster broccoli plugins

Packages / State management

• ember-buffered-proxy (⭐166)

• ember-changeset (⭐432)

• ember-state-services (⭐226)

• ember-time-machine (⭐108)

Packages / Infinite Scroll

• ember-infinity (⭐377) - Simple, flexible Infinite Scroll for Ember CLI Apps.

Packages / Testing

• mirage-glue (⭐4) - This program reads your API endpoint and creates or appends response to relevant mirage fixture file(s).

Packages / Articles

• Error Handling (⭐124)

Packages / Articles about Data

• Inlining store data in Ember.js

Packages / Videos

• Ember-cli In-Repo Addons with Jacob Bixby

Jun 18 - Jun 24, 2018

Packages / Data Management

• ember-data-storefront (⭐137) - A collection of APIs that address common data-loading issues.

Packages / Routing addons

• ember-router-scroll (⭐204) - Scroll to top with preserved browser history scroll position.

Jun 04 - Jun 10, 2018

Packages / Polyfills

• ember-angle-bracket-invocation-polyfill (⭐76) - This addon provides a polyfill for angle bracket invocation syntax as described in RFC 311.

Packages / Routing addons

• ember-redirect (⭐27) - This addon aims to be a simple and easy way to preform route based redirects with minimal effort.

Packages / Examples

• Fire Tracker - KPCC's tool for following & researching California wildfires.

May 28 - Jun 03, 2018

Packages / Articles

• A list of EmberJS2018 blog posts and ideas (⭐35)

Packages / Blogs

• emberway.io

• blog.embermap.com

Packages / Tutorials

• build-pacman

May 21 - May 27, 2018

Packages / Debugging / Profiling

• source-map-explorer (⭐3.8k) - Analyze and debug space usage through source maps.

Packages / Articles

• Everything you need to know to upgrade your Ember.js app

Packages / Blogs

• yehudakatz

Packages / Books

• Pragmatic, balanced FP in JavaScript (⭐17k)

Packages / Examples

• Ember.js nested engines example app + Fastboot. (⭐1)

Packages / Tutorials

• How to learn EmberJS in a hurry

May 14 - May 20, 2018

Packages / AST

• ember-template-recast (⭐40) - Non-destructive template transformer.

Packages / Content management systems

• https://authmaker.com/ - Go from zero to fully functioning and live MVP in 3 days.

Packages / Articles about Data

• Offline Data and Sync with Ember-Orbit

Packages / Examples

• Ghost Admin Client (⭐626)

Packages / Gists

• How to debug an ember application with VS Code

Packages / Videos

• Chris Krycho: TypeScript and Ember js - Why and How?

• Isaac Lee: Use D3 with Ember

• Open Source Live - Robert Jackson and Chris Manson pair on ember-cli

May 07 - May 13, 2018

Packages / Automation

• ember-cli-dependency-lint (⭐83) - Lint your app's addon dependencies, making sure you only have one version of each.

Packages / End-user customization

• ember-wormhole (⭐284) - Render a child view somewhere else in the DOM.

Packages / Helpers

• ember-root-url (⭐10) - A template helper to keep your URLs relative to the app's rootURL.

• ember-cli-string-helpers (⭐75) - Set of the String helpers extracted from DockYard's ember-composable-helpers.

Packages / Articles

• A collection of links that summarize EmberConf 2017 (⭐101)

• A collection of links that summarize EmberConf 2016 (⭐268)

• A collection of links that summarize EmberConf 2015 (⭐244)

Packages / Styleguides

• ember-styleguide (⭐79)

• Softlayer Ember.js (⭐40)

• Netguru Ember.js

• DockYard Ember.js

Packages / Videos

• Developing ember apps on glitch.com

Apr 30 - May 06, 2018

Packages / Infinite Scroll

• smoke-and-mirrors (⭐275) - Ambitious infinite-scroll and svelte rendering for ambitious applications.

Packages / Real-time

• ember-cli-flash (⭐356) - Simple, highly configurable flash messages for ember-cli.

Packages / Articles

• Customising Ember Power Select

Packages / YouTube channels

• May I ask a Question

Apr 23 - Apr 29, 2018

Packages / Broccoli read

• Eat Your Greens - A Broccoli.js tutorial

Packages / Videos

• Global Ember Meetup

Apr 16 - Apr 22, 2018

Packages / AST

• ember-ast-helpers (⭐40) - This library is a utility belt to make AST transforms and shield users as much as possible from the nuances of the AST, as it is still private API.

• jscodeshift (⭐9.1k) - A JavaScript codemod toolkit.

Packages / Adapters

• ember-cli-markdown-resolver (⭐26) - Ember CLI addon for resolving markdown files in custom folders and retrieving content via a service.

Packages / Authentication

• ember-cli-simple-auth-extensions

• ember-simple-auth (⭐1.9k) - A library for implementing authentication/authorization in Ember.js applications.

Packages / Automation

• ember-cli-sri (⭐48) - This plugin is used to generate Subresource Integrity (SRI) hashes for ember applications.

Packages / Broccoli

• broccoli-debug (⭐9) - Utility for build pipeline authors to allow trivial debugging of the Broccoli pipelines they author.

• broccoli-stew (⭐60) - Provides commonly used convenience functions for developing broccoli based build pipelines.

Packages / Build tools

• Broccoli (⭐3.3k) - Fast, reliable asset pipeline, supporting constant-time rebuilds and compact build definitions.

Packages / CI/CD

• ember-cli-server-variables (⭐31) - An Ember CLI add-on to support adding variables to the generated index.html file's head tag.

Packages / Component addons

• ember-diff-attrs (⭐27)

Packages / Data validation

• ember-model-validator (⭐166) - Add validations to your Ember Data models on an explicit and easy way, without a bunch a validations files around or complicated structure.

• ember-validated-form (⭐68) - Easily create forms with client side validations.

Packages / Debugging / Profiling

• ember-debug-logger (⭐36) - Exposes the visionmedia/debug library for use in your Ember.js application.

• ember-devtools (⭐160) - A collection of useful Ember.js debugging functions.

Packages / Ember-inspector roadmaps & overview

• Ember Inspector Pairing

• Ember Inspector Sync

Packages / Forms

• ember-form-for - This Ember.js addon will give you an easy way to build good forms.

Packages / Functional programming

• Bacon.js - Functional reactive programming.

• Folktale - Suite of libraries for generic functional programming in JavaScript that allows you to write elegant, modular applications with fewer bugs, and more reuse.

• immutable (⭐33k) - Immutable data collections.

• Kefir.js (⭐2) - Reactive library with focus on high performance and low memory usage.

• Lazy.js (⭐6k) - Utility library similar to lodash/Underscore but with lazy evaluation, which can translate to superior performance in many cases.

• lodash - Utility library delivering consistency, customization, performance, & extras. A better and faster Underscore.js.

• mori - Library for using ClojureScript's persistent data structures and supporting API from the comfort of vanilla JavaScript.

• Mout - Utility library with the biggest difference between other existing solutions is that you can choose to load only the modules/functions that you need, no extra overhead.

• Ramda - Utility library with a focus on flexible functional composition enabled by automatic currying and reversed argument order. Avoids mutating data.

• RxJS - Functional reactive library for transforming, composing, and querying various kinds of data.

• underscore-contrib - The brass buckles on Underscore's utility belt.

Packages / Helpers

• ember-d3-helpers (⭐35) - Collection of Ember.js helpers for building composable D3 charts.

• ember-store-helpers (⭐5) - This add-on provides helpers related to ember-data.

Packages / Include external JS code

• ember-cli-es6-transform (⭐14) - Import ES6 modules from npm, bower or anywhere else in your app.

Packages / Internalization & Localization

• ember-intl (⭐434) - Translate complex messages string. Localized formatting for date/time, number, and relative time.

Packages / Job queues

• ember-concurrency

• ember-pipeline (⭐18)

Packages / Logging

• console.re

• raygun

Packages / Miscellaneous

• diagonal routes - See what route structure, templates and route hooks are for a given ember route definition.

• ember data model maker (⭐150) - Ember Data Model Maker (EDMM).

• builtwithember - Apps powered by Ember.js.

Packages / Testing

• ember-cli-mirage - Build, test and demo your app using a JSON API-compliant client-side server.

• ember-exam (⭐287) - Run your tests with randomization, splitting, and parallelization for beautiful tests.

Packages / TypeScript

• ember-cli-typescript (⭐363) - Use TypeScript in your Ember.js apps!

Packages / UI components

• ember-burger-menu (⭐279) - An off-canvas sidebar component with a collection of animations and styles using CSS transitions.

• ember-power-select (⭐541) - The extensible select component built for ember.

Packages / Articles

• Adding AWS Amplify to an Ember.js Application

• An Interview with Tom Dale of Ember.js

• Building a performant real-time web app with Ember Fastboot and Phoenix

• Debugging Ember.js applications in Visual Studio Code

• Do not confuse environment for deploy target

• Skeleton Screen Loading in Ember.js

• Static Blogs with Prember and Markdown

• Using ember-freestyle as a component playground

• What you didn't know about passing dynamic classname and attribute bidings from parent template

• You can only change what you can measure

Packages / Blogs

• 201-created.com

• airpair.com

• codementor.io

• dockyard.com

• engineering.linkedin.com

• hackernoon.com

• lolma.us

• netguru.co

• rwjblue.com

• shipshape.io

• simplabs.com

Packages / Books

• Developing an Ember.js Edge

• Ember Data in the Wild

• Professor Frisby's Mostly adequate guide to Functional Programming

• Rock and Roll with Ember.js

Packages / Cheatsheets

• guides

Packages / Codemods

• ember-qunit-codemod (⭐36) - This codemod is intended to automatically convert your projects from the older moduleFor* syntax of ember-qunit@2 to the newer syntax.

• es5-getter-ember-codemod (⭐34) - This codemod is intended to automatically convert your usage of get, and getProperties to use traditional object dot notation.

• qunit-dom-codemod (⭐14) - Basic codemod to automatically convert your assertions to qunit-dom assertions.

• test-selectors-codemod (⭐7) - A codemode for fixing the ember-test-selectors testSelector helper deprecation.

Packages / Community

• Forum

• GitHub issues (⭐22k)

• Reddit

• Slack

• Telegram

Packages / Discovery

• emberobserver - Ember Observer.

Packages / Examples

• API Docs (⭐73) - This application was built to display our versioned API docs.

• Builds (⭐11) - This is the application that the Ember.js team built to display our various release channels.

• Rancher (⭐591) - Rancher is enterprise management for Kubernetes.

Packages / Gists

• @listochkin/Ember.js Video Collection (Ru/En)

• @rwjblue/ember_examples

Packages / Newsletters

• Ember Weekly - The latest Ember.js news, tips, and code delivered directly to your inbox.

• Official Ember Blog - Big announcements like new Ember.js version release notes or State of the Union information.

• The Ember Times - Updates from the Ember.js Learning Team.

Packages / Podcasts

• embermap

Packages / Screencasts

• Ember Screencasts - Weekly Screencasts for the Busy Developer.

• EmberCasts - Currently on hiatus whilst the author works on the next version of Handlebars.

Packages / Slides

• Developing Desktop Apps with Electron & Ember.js

Packages / Styleguides

• JavaScript Style Guide

Packages / Tools

• ember-cli-diff - A simple tool to see differences between new ember apps.

• ember-cli - The command line interface for ambitious web applications.

• Glimmer Playground - An Glimmer.js playground.

• remote-inspector (⭐92) - Lets you inspect apps running on different devices/browsers over the network using websockets.

Packages / Tutorials

• Getting into Ember.js - A five part introductory course to Ember.

• yoember.com/ - Ember.js Tutorial - From beginner to advance.

Packages / Twitter

• Gavin Joyce

Packages / Videos

• Ember @ Netflix

• Ember Engines at Scale

• Ember Test Recorder

• ember-content-placeholders

• Ember.JS in the Year 2020

• EmberConf 2014 - Videos of the sessions from EmberConf 2014.

• EmberConf 2015 - Videos of the sessions from EmberConf 2015.

• EmberConf 2016 - Videos of the sessions from EmberConf 2016.

• EmberConf 2017 - Videos of the sessions from EmberConf 2017.

• ReactiveConf 2017 - Tom Dale: Secrets of the Glimmer VM

• ReactiveConf 2017

• Tim Thomas - Using Ember.js to build Electron Apps

• Tom Dale on Static Analysis, Upstreaming Glimmer, and Ember in 2018

• Tom Dale Talks EmberJS

• Using TypeScript in Ember

• Why Ember CLI uses Broccoli

Packages / YouTube channels

• Amsterdam Ember.js

• Boston Ember

• Denver Ember

• Ember Videos

• Ember.js Dublin

• EmberATX

• EmberJSSeattleMeetup

• EmberSchool

• EmberSherpa

• Silicon Valley Ember.js meetup

• So Ember 2017

• Wicked Good Ember 2016

Apr 09 - Apr 15, 2018

Packages / Articles

• Animations in Ember.js with liquid-fire

• Ember Inspector - The Journey so Far

• Using npm libraries in Ember CLI

Packages / Best-practices

• ember-best-practices

Packages / Blogs

• alexdiliberto.com

• thejsguy.com

Apr 02 - Apr 08, 2018

Packages / Articles

• DEPLOYING WITH EMBER.JS: A STORY

• EmberCamp Module Unification Update

Packages / Blogs

• balinterdi.com - Balint Erdi blog.

• codeburst.io

• emberigniter.com

• madhatted.com

Packages / Cheatsheets

• API

Packages / Twitter

• Ember Watch

• Erik Bryn