-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* 2023 files
- Loading branch information
Showing
6 changed files
with
109 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -13,5 +13,6 @@ Router.map(function () { | |
|
||
this.route('addons', function () { | ||
this.route('2021'); | ||
this.route('2023'); | ||
}); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
import Route from '@ember/routing/route'; | ||
|
||
export default class Addons2023Route extends Route { | ||
async model() { | ||
let response = await fetch('/data/2023-addons.json'); | ||
|
||
let data = await response.json(); | ||
|
||
return { | ||
addons: data, | ||
}; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
{{page-title "Awesome Ember Addons, 2023 Edition"}} | ||
|
||
<article> | ||
<p class="intro">There are a lot of awesome Ember addons that help making an Ember app easier than ever. While <a href="https://emberobserver.com/" target="_blank" rel="external noopener noreferrer">Ember Observer</a> tracks the <em>most used</em> addons, this is a list of the addons that are both not in the default build of an Ember app and also bring us joy. We don't use them because we necessarily have to, we use them because we want to!</p> | ||
|
||
<p class="intro">Just in time for 12 days of your favorite holiday, here are 12 of the Ember addons that brought us joy!</p> | ||
|
||
<h2>12 days of Ember: 2023 best-loved addon list</h2> | ||
<WeGrid as |G|> | ||
{{#each @model.addons as |addon|}} | ||
<WeGridItem @addonName={{addon.addonName}} @addonNum={{addon.addonNum}} @addonUrl={{addon.addonUrl}} @updateCurrentVisible={{G.updateCurrentVisible}} @currentVisible={{G.currentVisible}}> | ||
{{!-- template-lint-disable no-triple-curlies --}} | ||
<p>{{{addon.description}}}</p> | ||
{{!-- template-lint-enable no-triple-curlies --}} | ||
</WeGridItem> | ||
{{/each}} | ||
</WeGrid> | ||
</article> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,71 @@ | ||
[ | ||
{ | ||
"addonName": "ember-a11y-refocus", "addonNum": "1", "addonUrl": "https://github.com/ember-a11y/ember-a11y-refocus", "description": "This addon provides accessible route navigation for your Ember app! It has lots of features that all add up to an easy win for improved WCAG conformance in your application." | ||
}, | ||
{ | ||
"addonName": "ember-a11y-testing", | ||
"addonNum": "2", | ||
"addonUrl": "https://github.com/ember-a11y/ember-a11y-testing", | ||
"description": "This addon is a wrapper around Deque Labs' axe-core accessibility testing engine. It integrates into your testing environment using either a one-time setup, or in individual tests using an a11yAudit() test helper." | ||
}, | ||
{ | ||
"addonName": "ember-intl", | ||
"addonNum": "3", | ||
"addonUrl": "https://github.com/ember-intl/ember-intl", | ||
"description": "This is a localization library for any Ember App or Addon- it makes it easier to extend the global reach of your app! Look for supporting addons that will check for translation string duplicates, too." | ||
}, | ||
{ | ||
"addonName": "ember-responsive-images", | ||
"addonNum": "4", | ||
"addonUrl": "https://github.com/simonihmig/ember-responsive-image", | ||
"description": "Automatically generate resized images at build-time, optimized for the responsive web, and using components to render them easily as picture elements." | ||
}, | ||
{ | ||
"addonName": "ember-web-app", | ||
"addonNum": "5", | ||
"addonUrl": "https://github.com/zonkyio/ember-web-app", | ||
"description": "This Ember addon helps you configure and manage the Web App Manifest to create Progressive Web Apps (PWA)." | ||
}, | ||
{ | ||
"addonName": "ember-animate-css", | ||
"addonNum": "6", | ||
"addonUrl": "https://github.com/sinankeskin/ember-animate-css", | ||
"description": "If you prefer working in templates, and you love pure CSS animations, look no further!" | ||
}, | ||
{ | ||
"addonName": "ember-animated", | ||
"addonNum": "7", | ||
"addonUrl": "https://github.com/ember-animation/ember-animated", | ||
"description": "This addon adds animation with minimal changes to your existing application code. It's relatively straight-forward to implement and won't get in the way of accessible routing." | ||
}, | ||
{ | ||
"addonName": "ember-template-imports", | ||
"addonNum": "8", | ||
"addonUrl": "https://github.com/ember-template-imports/ember-template-imports", | ||
"description": "This addon provides the build tooling required to support Ember's next-gen component authoring format: using <template> to allow authoring JavaScript or TypeScript in the same file as templates, while keeping a clear separation between the template language and the JavaScript around it." | ||
}, | ||
{ | ||
"addonName": "glint", | ||
"addonNum": "9", | ||
"addonUrl": "https://github.com/typed-ember/glint", | ||
"description": "Ok it's not an addon exactly, but we love it so much we had to include it! Glint is a set of tools to aid in developing code that uses the Glimmer VM for rendering, such as Ember.js v3.24+ and GlimmerX projects. Similar to Vetur for Vue projects or Svelte Language Tools, Glint consists of a CLI and a language server to provide feedback and enforce correctness both locally during editing and project-wide in CI." | ||
}, | ||
{ | ||
"addonName": "ember-heroicons", | ||
"addonNum": "10", | ||
"addonUrl": "https://github.com/tzellman/ember-heroicons", | ||
"description": "This addon makes it super simple to use heroicons in your Ember app! Not only do they render to SVGs, they also prevent potential accessibility issues by adding the aria-hidden attribute! I approve!" | ||
}, | ||
{ | ||
"addonName": "ember-apply", | ||
"addonNum": "11", | ||
"addonUrl": "https://github.com/NullVoxPopuli/ember-apply", | ||
"description": "Want to use Tailwind in your app but don't want to figure out how to set it up? What about automating the embroider migration from the classic ember build system? This addon is for you!" | ||
}, | ||
{ | ||
"addonName": "ember-cp-validations", | ||
"addonNum": "12", | ||
"addonUrl": "https://github.com/adopted-ember-addons/ember-cp-validations", | ||
"description": "This addon has so many personal recommendations, I lost track! It provides computed property-based validations...without observers (probably why I lost track, haha!)" | ||
} | ||
] |