Ember
Awesome Ember.js ¶
A curated list of delightful Ember.js packages and resources.
Ember.js 神话 读者提问 为 Ember.js 做贡献
只需输入ember.cool
或https://ember-community-russia.github.io/awesome-ember/
即可转到此处.
Ember.js 是一个 JavaScript 框架,大大减少了所需的时间、精力和资源 构建任何网络应用程序. 它专注于通过完成大多数 Web 开发项目中涉及的所有常见、重复但必不可少的任务,使您(开发人员)尽可能高效.
Ember.js 还提供对 JavaScript、HTML 和浏览器最高级功能的访问,为您提供创建下一个杀手级 Web 应用程序所需的一切.
你可能还喜欢 awesome-javascript. 请阅读 contribution guidelines 在贡献之前.
Packages¶
AST¶
- ember-ast-helpers - 这个库是一个实用工具带,可以使 AST 转换并尽可能地保护用户免受 AST 的细微差别,因为它仍然是私有 API.
- ember-template-recast - 非破坏性模板转换器.
- jscodeshift - 一个 JavaScript codemod 工具包.
- dyfactor - 基于运行时信息运行代码模块的平台.
a11y¶
- ember-accessibility - 插件可帮助识别开发过程中的可访问性违规行为.
- e-a11y-modal - 可访问的 Ember.js 应用程序的简单模式.
- ember-a11y-landmarks - Ember.js 插件帮助具有里程碑意义的角色以提高可访问性.
- ember-a11y - 一组用于构建可访问的 Ember.js 应用程序的工具.
- ember-component-focus - 用于向您的 Ember.js 组件添加方法的 mixin,可帮助您管理当前聚焦的元素.
- ember-gestures - Ember.js 手势提供了一种使用手势的简单方法,使在整个应用程序中定义和使用 HammerJS 管理器和识别器变得简单.
- ember-steps - 声明式创建向导、选项卡式 UI 等.
- ember-page-title - Ember.js 应用程序的页面标题管理.
- ember-self-focused - 专注于过渡路线.
- ember-keyboard - 用于无痛支持键盘事件的 Ember.js 插件.
- ember-a11y-testing - 一套可在 Ember.js 测试框架内运行的可访问性测试.
- a11y-announcer - 可访问的 ember 路线更改播音员.
- ember-a11y-refocus - 为 Ember 应用程序提供不显眼的导航叙述元素.
Adapters¶
- ember-cli-markdown-resolver - 用于解析自定义文件夹中的降价文件并通过服务检索内容的 Ember CLI 插件.
- ember-cloud-firestore-adapter - 用于 Cloud Firestore 的非官方 Ember 数据适配器和序列化程序.
- ember-data-hal-9000 - 提供 HAL 适配器 (HATEOAS) 的 ember-data 兼容 ember-cli 插件.
- ember-django-adapter - 用于 Django REST 框架的 Ember CLI 插件适配器.
- ember-graphql-adapter - 用于 Ember 数据的 GraphQL 适配器.
- ember-indexeddb - 在 ember 和 ember-data 中使用 IndexedDB 的实用程序和适配器.
- ember-localforage-adapter - Ember 数据的离线使用.
- ember-local-storage - 插件为计算属性提供存储,返回代理并将更改保存到 localStorage 或 sessionStorage.
- ember-pouch - 用于 Ember 数据的 PouchDB/CouchDB 适配器.
- ember-wordpress - Ember.js 和 WordPress 之间的桥梁.
- emberfire - Firebase 的官方 Ember 数据适配器.
- ninjafire - 用 Typescript 编写的用于 Firebase 的 ORM.
Animations¶
- ember-animated - Web Animations with Ember js
- liquid-fire - 雄心勃勃的 Ember.js 应用程序的动画和过渡.
Authentication¶
- ember-cli-simple-auth-extensions
- ember-simple-auth - 用于在 Ember.js 应用程序中实现身份验证/授权的库.
- tori - Ember.js 中一组用于身份验证的简洁抽象.
Automation¶
- ember-cli-deploy - Ember CLI 应用程序的部署管道.
- ember-cli-deploy-webhooks - 用于在部署期间调用 webhook 的 Ember CLI Deploy 插件.
- ember-cli-release - 用于版本化发布管理的 Ember CLI 插件.
- ember-cli-sri - 此插件用于为 ember 应用程序生成子资源完整性 (SRI) 哈希.
- ember-cli-dependency-lint - 整理您应用程序的插件依赖项,确保每个插件只有一个版本.
Benchmarking¶
- ember-macro-benchmark - 运行 2 个版本的 Ember.js 的 ember 应用程序的基准测试记录.
- ember-performance - 一套用于 Ember.js 的测试以帮助提高性能.
- emberperf - Ember.js 性能(版本之间).
Blogging¶
- empress-blog - 基于 Ember.js 构建的博客系统的全功能、SEO 友好的静态站点实现.
- ember-cli-blog - 为 Ember CLI 更新了 Tom Dale 的博客示例.
- ember-tumblr - 用于集成 Tumblr 博客的 Ember.js 插件.
Babel¶
- ember-cli-babel-plugin-helpers - 用于在 Ember CLI 应用程序和插件中管理 Babel 插件的实用程序.
Boilerplating¶
- ember-boilerplate - 我们在 Mirego 构建 Ember.js 项目的稳定基础.
Broccoli¶
- broccoli-concat-analyser - 资产概况.
- broccoli-debug - 构建管道作者的实用程序,允许对他们创作的 Broccoli 管道进行简单的调试.
- broccoli-stew - 为开发基于西兰花的构建管道提供常用的便利功能.
- broccolijs-tutorial - Broccoli.js 教程存储库.
- broccoli-rollup - “汇总”的西兰花插件.
- broccoli-manifest - 花椰菜的 HTML5 缓存清单编译.
- broccoli-glow - 从单个文件等动态创建组件.
Broccoli read¶
- Debugging a Broccoli Tree
- Debugging Broccoli and Ember-CLI
- Debugging Ember-cli Build Times
- Eat Your Greens - A Broccoli.js tutorial
- Ember.js Lazy Assets: Fingerprinting & loading static/dynamic assets on demand
- Thoughts on how to write faster broccoli plugins
Build tools¶
- Broccoli - 快速、可靠的资产管道,支持恒定时间重建和紧凑的构建定义.
Charts¶
- ember-charts - 使用 Ember.js 和 d3.js 框架构建的图表库.
- ember-sparkles - 使用 ember-d3-helpers 构建的可组合 D3 组件集合.
- ember-highcharts - 用于 ember-cli 的 Highcharts、HighStock 和 HighMaps 组件.
CI/CD¶
- ember-cli-server-variables - 一个 Ember CLI 插件,支持向生成的 index.html 文件的 head 标签添加变量.
- ember-ci - ember.js 应用程序的持续集成好东西.
- CI with GitHub Actions for Ember Apps - 使用 GitHub Actions 减少 CI 运行时间
- CI with GitHub Actions for Ember Apps: Part 2 - 迁移到 v2 操作,降低运行时成本和持续部署
Code Splitting¶
- ember-engines - 此 Ember.js 插件实现了 Ember.js 引擎 RFC 中描述的功能. 从用户的角度来看,引擎允许将多个逻辑应用程序组合成一个应用程序.
- ember-lazy-mount - 允许 {{mount}} 延迟加载无路由引擎.
- ember-cli-bundle-loader - 允许多个包并进行延迟加载的插件.
- ember-cli-lazy-load - 支持通过将 Ember.js 应用拆分为捆绑包来延迟加载它.
Codestyle¶
- ember-cli-template-lint - 用于“ember-template-lint”的 Ember CLI 集成.
- ember-cli-alex - 用于 Ember.js 应用程序的 Alex.
- ember-prop-types - 改进了 Ember.js 应用程序和插件的属性管理.
Command-line apps¶
- ember-cli-create - 用于创建新的 ember 项目的 CLI 向导.
- @ember/optional-features - 此插件允许您轻松启用/禁用 ember-source 中的可选功能. 为了阐明我们所说的可选的含义,这些是在可预见的将来可以选择加入/选择退出和可选的功能,而不是默认启用的功能. 它仅适用于应用程序而不适用于插件.
- ember-cli-rename - 用于提供“ember rename”命令的 ember-cli 插件.
Command-line utilities¶
- ember-cli-update - 更新 Ember CLI Ember.js 应用程序、插件和 Glimmer.js 应用程序.
- ember-cli-deprecation-workflow - 一个旨在使 Ember.js 升级更容易的插件,它允许您在没有大量控制台噪音的情况下完成弃用.
Component addons¶
- ember-diff-attrs
- ember-compatibility-helpers - 帮助您编写向后兼容的 Ember.js 插件.
Compression¶
-
ember-cli-deploy-brotli - Ember.js deploy plugin to support brotli compression.
-
ember-admin - 自动发现您的模型并在简单的 CRUD 界面中与所有模型数据交互.
- https://authmaker.com/ - 在 3 天内从零到完全正常运行并获得 MVP.
Control flow¶
- 承诺
- ember-computed-promise-monitor - 使计算属性具有异步感知能力.
- 可观察
- ember-rx - Ember.js 的 RxJS 6 集成.
- 发电机
- ember-concurrency - Ember.js 插件,使您能够编写简洁、无忧、可取消、可重新启动的异步任务.
- ember-master-tab - 提供服务的库,可帮助仅在 Ember 应用程序的一个选项卡上运行功能.
CSS & etc¶
- ember-cli-stylelint - 将 styleint 添加到您的 ember 应用程序,以检查各种 css.
- ember-cli-autoprefixer - 通过 autoprefixer 自动运行您的样式.
- ember-cli-sass - 使用 node-sass 预处理您的 ember-cli 应用程序的文件,支持 sourceMaps 和包含路径.
- ember-cli-sass-pods - 享受使用 pod 目录中的 sass 样式文件设计 pod 的样式.
- ember-component-css - 允许您为单个组件指定样式的 Ember CLI 插件.
- ember-cli-postcss - 用于 ember-cli 的 PostCSS 集成.
- ember-css-modules - 用于雄心勃勃的应用程序的 CSS 模块.
- ember-cli-tailwind - Tailwind 是一个实用程序优先的 CSS 框架,用于快速构建自定义用户界面.
- ember-emotion - 在 Ember.js 中使用情感样式.
- css-blocks - 高性能、可维护的样式表.
- ember-cli-eyeglass - 这个 Ember CLI 插件使得通过 node-sass 编译带有眼镜支持的 sass 文件变得微不足道.
Fonts¶
- ember-cli-webfont - 作为 ember-cli 构建过程的一部分,从 svg 文件轻松生成 webfonts.
State management¶
- ember-buffered-proxy
- ember-changeset
- ember-cerebraljs - 增强了使用 Cerebral 的复杂 Ember.js 应用程序的状态管理.
- ember-redux - ember 应用程序的可预测状态管理.
- ember-state-services
- ember-time-machine
Styling kits¶
- ember-cli-tailwind - 将 Tailwind CSS 添加到您的应用程序或插件.
Data Management¶
- ember-apollo-client - 用于 Apollo Client 和 GraphQL 的 ember-cli 插件.
- ember-cli-sofa - 用于 Ember.js 的 CouchDB 持久性库.
- ember-orbit - 使用 Orbit.js 构建的 Ember.js 数据层.
- ember-data-storefront - 解决常见数据加载问题的 API 集合.
- ember-m3 - 此插件提供了 DS.Model 的替代模型实现.
- ember-cli-zuglet - 用于轻松集成 Firebase 的 Ember.js 插件.
Data manipulation & Computed¶
- ember-awesome-macros - Ember.js 计算宏的集合.
- ember-cpm - Ember.js 的计算属性宏.
- ember-macaroni - 使用计算属性 macaronis(宏)让您的应用程序代码保持干燥并免费复制意大利面.
Data validation¶
- ember-cp-validations - Ember.js 基于计算属性的验证.
- ember-changeset-validations - 余烬变更集的验证.
- ember-model-validator - 以一种明确而简单的方式向您的 Ember 数据模型添加验证,而无需围绕验证文件或复杂的结构.
- ember-validated-form - 轻松创建带有客户端验证的表单.
- ember-line-graph - 零依赖余烬插件来绘制折线图.
Database¶
- ember-indexeddb - 在 ember 和 ember-data 中使用 IndexedDB 的实用程序和适配器.
Date¶
- ember-moment - 用于 moment.js 和 Ember.js 的模板助手和计算属性宏.
Debugging / Profiling¶
- ember-debug-logger - 公开用于 Ember.js 应用程序的 visionmedia/debug 库.
- ember-devtools - 一组有用的 Ember.js 调试功能.
- ember-chrome-devtools - 用于 Ember.js 的 Chrome DevTools 插件.
- ember-cli-bundle-analyzer - 一个 Ember CLI 插件,使用交互式可缩放树图分析应用程序捆绑输出的大小和内容.
- ember-perf-timeline - 将性能信息添加到 Chrome 的 Ember.js 应用程序时间轴.
- ember-cli-route-map - 用于生成 Ember.js 应用程序路线图的命令.
- heimdalljs-visualizer - heimdalljs 数据的可视化工具.
- source-map-explorer - 通过源映射分析和调试空间使用情况.
- ember-dead-code - 通过真实用户监控自信地检测死代码.
Decorators¶
- Macro Decorators - 通过创建复制 getter/setter 功能的装饰器来干燥您的代码
Documentation¶
- ember-cli-addon-docs - 用于您的 Ember.js 插件的简单、漂亮的文档.
- ember-cli-jsdoc - 一个 Ember.js CLI 插件,用于从源代码中的 JSDoc 注释生成 HTML 文档.
- ember-freestyle - Ember-freestyle 是一个 Ember.js 插件,允许您为您的 Ember.js 应用程序快速创建一个组件浏览器.
Ember-inspector roadmaps & overview¶
End-user customization¶
- ember-asset-loader - 对 Ember.js 应用程序的资产加载支持.
- ember-experiments - Ember.js 的实验,A/B 拆分测试插件.
- ember-cli-hot-loader - 早期了解 ember 生态系统中的热重载可能是什么样子.
- ember-ast-hot-load - 通用热加载插件.
- ember-cli-build-notifications - ember-cli 出现构建错误时的通知.
- ember-feature-flags - 提供功能标志的 ember-cli 插件.
- ember-named-yields - Ember.js 组件的命名收益.
- ember-islands - 在服务器呈现的页面上的任何位置呈现 Ember.js 组件以创建“丰富的岛屿”.
- ember-wormhole - 在 DOM 的其他地方渲染一个子视图.
- ember-stargate - 使用所谓的“门户”在 DOM 树的不同位置渲染事物而不是在应用程序中逻辑定义的现代方式.
ES6¶
- ember-concurrency-decorators - 用于声明/配置 ember 并发任务的装饰器语法.
- ember-decorators - Ember.js 应用程序的有用装饰器.
- @ember-decorators/argument - Ember.js 中组件和对象参数的装饰器.
- sparkles-decorators - Sparkles/Glimmer.js 组件的装饰器.
External Components Integration¶
- ember-glimmer-component - Ember.js 中类似 Glimmer.js 的组件.
- sparkles-component - 用于通过现有公共 API 在 Ember.js 应用程序中试验 @glimmer.js/component 样式 API 的插件.
- hooked-components - Ember.js 的自定义组件,灵感来自 React Hooks 方法.
- ember-functional-component - 尝试使用“纯函数”作为组件.
- ember-lifecycle-component - 当您可能需要模板时,具有额外生命周期的组件.
- ember-vue-components - 用于 Ember 的 Vue.JS 组件 API.
- @alexlafroscia/ember-cli-react - 在 Ember.js 中渲染 React 组件.
- @AltSchool/ember-cli-react - 在您的 Ember.js 应用程序中使用 React 组件层次结构.
Forms¶
- ember-cli-crudities - 表单和可编辑的列表生成器,可从 json 配置工作,可以静态或动态加载.
- ember-form-for - 这个 Ember.js 插件会给你一个简单的方法来构建好的表单.
Functional programming¶
- Bacon.js - 函数式反应式编程.
- Folktale - 用于 JavaScript 中通用函数式编程的库套件,允许您编写优雅的模块化应用程序,错误更少,重用更多.
- immutable - 不可变的数据集合.
- Kefir.js - 专注于高性能和低内存使用的反应式库.
- Lazy.js - 类似于 lodash/Underscore 的实用程序库,但具有惰性评估,在许多情况下可以转化为卓越的性能.
- lodash - 提供一致性、定制化、性能和附加功能的实用程序库. 更好更快的 Underscore.js.
- mori - 用于使用 ClojureScript 的持久数据结构和支持 vanilla JavaScript API 的库.
- Mout - 实用程序库与其他现有解决方案最大的区别是您可以选择只加载您需要的模块/功能,没有额外的开销.
- Ramda - 实用程序库,专注于通过自动柯里化和反转参数顺序实现的灵活功能组合. 避免变异数据.
- RxJS - 用于转换、组合和查询各种数据的功能性反应库.
- underscore-contrib - Underscore 实用腰带上的黄铜搭扣.
HTTP¶
- ember-ajax - 用于在 Ember.js 1.13+ 应用程序中发出 AJAX 请求的服务.
- ember-socket-guru - 用于与 Pusher.js、Action Cable、Socket.io 和 Phoenix Channels 轻松集成的插件.
Helpers¶
- ember-event-helpers -
{{on}}
修饰符的免费事件模板助手. - ember-render-helpers -
@ember/render-modifiers
作为模板助手. - ember-element-helper - Glimmer 模板的动态元素助手.
- ember-composable-helpers - 用于在 Ember.js 中声明模板的可组合助手.
- ember-helpers - Ember.js 的车把助手集合.
- ember-d3-helpers - 用于构建可组合 D3 图表的 Ember.js 助手集合.
- ember-math-helpers - 用于基本算术的 Ember.js HTMLBars 助手.
- ember-promise-helpers - 为您的 Ember.js 模板提供承诺糖.
- ember-route-action-helper - 路线中的气泡关闭动作.
- ember-root-url - 一个模板助手,用于保持您的 URL 相对于应用程序的 rootURL.
- ember-store-helpers - 此附加组件提供与 ember-data 相关的帮助程序.
- ember-truth-helpers -
{{if}}
和{{unless}}
的 Ember.js HTMLBars Helpers:not, and, or, eq & is-array. - ember-awesome-macros - Ember.js 计算宏的集合.
- ember-macro-helpers - 用于制作您自己的精美宏的 Ember.js 宏助手!
- ember-cli-string-helpers - 从 DockYard 的 ember-composable-helpers 中提取的字符串助手集.
Image¶
- ember-svg-jar - 将 SVG 图像嵌入 Ember.js 应用程序的最佳方式.
Include external JS code¶
- ember-auto-import - 从 npm 包中导入零配置.
- ember-cli-cjs-transform - CommonJS 导入.
- ember-cli-es6-transform - 从 npm、bower 或应用程序中的其他任何地方导入 ES6 模块.
- ember-browserify - 用于通过 browserify 从 npm 轻松加载 CommonJS 包的插件.
Infinite Scroll¶
- ember-infinity - 用于 Ember CLI 应用程序的简单、灵活的无限滚动.
- vertical-collection - > 60 FPS 的无限滚动和遮挡.
- smoke-and-mirrors - 雄心勃勃的无限滚动和精巧的渲染,适用于雄心勃勃的应用程序.
Internalization & Localization¶
- ember-intl - 翻译复杂的消息字符串. 日期/时间、数字和相对时间的本地化格式.
- ember-intl-analyzer - 在您的 Ember.js 项目中查找未使用的翻译.
Inputs¶
- ember-autoresize - 为 Ember.js 组件自动调整大小.
Job queues¶
- ember-data-tasks
- ember-concurrency
- ember-custom-actions - Ember.js 应用程序的自定义 API 操作.
- ember-pipeline
- ember-lifeline - 用于管理对象中异步行为生命周期的 ember 插件.
Logging¶
- console.re
- ember-debug-logger - 用于公开 Visionmedia 调试记录器的 Ember.js 插件.
- ember-logging-service - 此插件提供可在整个应用程序中使用的通用且可扩展的日志记录服务.
- raygun
Mad science¶
- ember-elm - 在您的 Ember.js 应用程序中编写 Elm.
- javascript-algorithms - 用 JavaScript 实现的算法和数据结构,带有解释和进一步阅读的链接.
Math¶
- ember-katex - 使用 KaTeX 呈现您的 LaTeX 公式.
- ember-math-helpers - 用于基本算术的 Ember.js HTMLBars 助手.
Metrics¶
- ember-user-activity - 用于跟踪用户活动和闲置的 Ember.js 插件.
- ember-metrics - 无需重新实施新 API 即可将数据发送到多个分析服务.
Minifiers¶
- ember-hbs-minifier - 从 Handlebars 模板中去除空格.
- ember-cli-template-trimmer - 此插件在编译阶段删除换行符.
Miscellaneous¶
- diagonal routes - 查看给定的 ember 路由定义的路由结构、模板和路由挂钩.
- ember data model maker - Ember 数据模型制作工具 (EDMM).
Mobile¶
- corber - 用于使用 Ember.js 构建的 cordova 和人行横道混合应用程序的工具.
- glimmer-native - 你有没有想过使用 Ember.js/Glimmer.js 来创建一个原生的移动应用程序? 现在你可以了!
- ember-mobile-bar - 具有类似移动应用程序行为的托管固定(工具)栏.
- ember-mobile-core - 为 ember-mobile-* 插件提供一个 pan 识别器和一些实用程序.
- ember-mobile-menu - 专为移动设备量身定制的可拖动侧边栏.
- ember-mobile-pane - 移动布局 ember-mobile-pane.
- ember-responsive - 使用 Ember.js 的简单响应式布局.
Modifiers¶
- ember-css-vars - 用于应用 css 变量的 ember 修饰符. 这提供了一种将数据从 JavaScript 公开到 css 的保存方式.
- ember-on-modifier - An implementation of the
{{on}}
element modifier shown in the Modifiers RFC #353. - ember-ref-modifier -
{{ref}}
元素修饰符的实现. - ember-render-modifiers - Implements did-insert / did-update / will-destroy modifiers for RFC #415.
- ember-functional-modifiers - Ember.js 的功能修饰符.
- ember-style-modifier - 这个插件提供了一个 {{style}} 元素修饰符来设置元素的样式.
- ember-simple-animate - 用于基于 CSS 的动画的简单 ember 动画插件.
Parcel¶
- ember-parcel-example - Ember.js + Parcel.js 示例.
- todomvc-demo - Glimmer.js + Parcel.js Example.
Payments¶
- ember-credit-card - “用一行代码让你的信用卡表格变得梦幻”.
Polyfills¶
- ember-modifier-manager-polyfill - Ember.js 2.12 到 3.7 的 Polyfill 元素修饰符.
- ember-angle-bracket-invocation-polyfill - 此插件为 RFC 311 中描述的尖括号调用语法提供了一个 polyfill.
- ember-named-arguments-polyfill - Polyfills 支持 Ember.js 2.10 到 3.0 的命名参数.
- ember-native-class-polyfill - This addon provides a polyfill for the native class behavior that was proposed in Ember.js RFCs #240 and #337.
- ember-router-service-polyfill - This addon provides a best effort polyfill for the ember-routing-router-service feature added in Ember.js 2.15.
- ember-fn-helper-polyfill - This addon provides a polyfill for the {{fn}} helper as described in RFCs #470.
- ember-named-blocks-polyfill - 此插件为 Yieldable Named Blocks 功能提供了一个 polyfill.
PWA¶
- ember-service-worker-asset-cache
- ember-service-worker-cache-fallback
- ember-service-worker-cache-first
- ember-service-worker-index
- ember-service-worker-prember
- ember-service-worker - Ember.js 服务工作者的可插入方法.
- ember-web-app - 此 Ember.js 插件可帮助您配置和管理创建渐进式 Web 应用程序所需的 manifest.json 和元标记.
Query Params¶
- ember-query-params-service - 你有只解析查询参数的控制器吗?
- ember-parachute - 改进了 Ember.js 的查询参数.
- ember-href-to - {{link-to}} 的轻量级替代品.
Real-time¶
- ember-cli-flash - 用于 ember-cli 的简单、高度可配置的 flash 消息.
Routing addons¶
- ember-component-routes - 直接从 Ember.js 中的路由渲染组件.
- ember-redirect - 这个插件旨在成为一种简单易行的方法,以最小的努力来执行基于路由的重定向.
- ember-router-scroll - 滚动到保留浏览器历史滚动位置的顶部.
Resolver customization¶
- ember-cli-extended-resolver - 此插件允许修改默认文件结构,使其更具功能分组.
Security¶
- ember-can - 简单 authorisation addon 对于 Ember.js 应用程序.
- ember-permissions - Ember 应用程序的权限管理.
Service Workers¶
- ember-cli-workbox - 离线缓存作为使用服务工作者的渐进增强.
- ember-service-worker - Ember.js 服务工作者的可插入方法.
- ember-service-worker-index - 缓存 index.html 文件的 Ember.js Service Worker 插件.
- ember-service-worker-asset-cache - 缓存 Ember.js 应用程序资产文件的 Ember.js Service Worker 插件.
- ember-service-worker-cache-first - 缓存优先的 Ember.js Service Worker 插件.
- ember-service-worker-cache-fallback - 一个 Ember.js Service Worker 插件,在网络请求失败时求助于缓存的后备版本.
- ember-service-worker-emberfire-messaging - Firebase Cloud Messaging 服务工作者支持 Emberfire 应用程序.
- ember-service-worker-unregistration - 一个 Ember.js 插件,可在禁用 ember-service-worker 时注销服务工作者.
- ember-service-worker-request-chaos - 类似于 Netflix 的 Chaos Monkey,但适用于您的 Ember.js SPA 的 API 请求.
- ember-service-worker-project-entagled-registration - 此插件将与 ember-service-worker 一起使用,以确保所使用的服务工作者与项目正确配对.
- ember-service-worker-cache-rendered - Ember.js service worker plugin for storing rendered html in cache, really useful for fastboot.
- ember-service-worker-update-notify - 更新服务工作者的通知.
- ember-service-worker-enqueue - 一个 Ember.js Service Worker 插件,可以捕获失败的突变请求,例如 POST、PUT、DELETE 并将它们排队等待后台处理.
- ember-service-worker-prember - 一个 Ember.js Service Worker 插件,它缓存每个 prember 路由的 index.html 文件.
SSR / Server Side Rendering¶
- ember-fastboot - Ember.js 应用程序的服务器端渲染.
- glimmer-ssr-test - 使 Glimmer.js 应用程序在服务器中呈现.
Static site generators & SEO¶
- ember-meta - 为您的 Prember/Ember.js 博客设置元数据以支持 opengraph、微数据、Facebook、Twitter、Slack 等.
- prember-rss-feed - 为您的 Prember 站点发送 RSS 提要.
- prember - 在构建时使用 Fastboot 预渲染 Ember.js 应用程序.
Styling¶
- ember-cli-sass - 使用 node-sass 预处理您的 ember-cli 应用程序的文件,支持 sourceMaps 和包含路径.
Templating¶
- ember-template-component-import - 此插件允许您使用导入式语法在模板文件中创建到组件的本地绑定.
- ember-cli-jsx-templates - TSX/JSX 支持 ember 模板.
- Emblem.js - Ember.js 友好的缩进语法替代 Handlebars.js.
Testing¶
- ember-qunit-decorators - 在您的 Ember.js 应用程序中使用 ES6 或 TypeScript 装饰器进行 QUnit 测试.
- ember-cli-addon-tests - 用于在真实 Ember.js 应用程序的上下文中测试 Ember CLI 插件的测试助手.
- ember-cli-code-coverage - 使用伊斯坦布尔的 ember 应用程序的代码覆盖率.
- ember-cli-mirage - 使用 JSON API兼容的客户端服务器.
- ember-cli-mocha - 用于 ember-cli 应用程序的 Mocha 和 Chai 测试.
- ember-cli-page-object - 这个 ember-cli 插件简化了验收和集成测试中页面对象的构建.
- ember-cli-yadda - 为 ember-cli 应用程序编写黄瓜规范.
- ember-concurrency-test-waiter - 轻松为 ember 并发任务启用测试等待程序.
- ember-exam - 使用随机化、拆分和并行化来运行您的测试以获得漂亮的测试.
- ember-percy - 用于使用 Percy 进行视觉回归测试的 Ember.js 插件.
- ember-qunit - Ember.js 的 QUnit 测试助手.
- ember-test-friendly-error-handler - Build testable error handlers that don't throw in production...
- ember-test-selectors - 在 Ember.js 测试中启用更好的元素选择器.
- ember-test-setup - 测试速记以减少重复.
- ember-window-mock - 使用全局窗口作为可以在测试中模拟的 Ember.js 服务.
- mirage-glue - 该程序读取您的 API 端点并创建或附加对相关 Mirage 夹具文件的响应.
- ember-sinon - Ember CLI 插件添加了对 sinon.js 的支持.
Text¶
- ember-text-measurer - 简单的 Ember.js 服务以高效的方式测量字符串的宽度.
Tree Shaking¶
- ember-cli-tree-shaker - 这是 Kelly Selden 和 Alex Navasardyan 的新 tree-shaking 和代码拆分工作的测试平台.
TypeScript¶
- ember-cli-typescript - 在您的 Ember.js 应用程序中使用 TypeScript!
- ember-typings - ember.js 的打字稿类型定义.
- ember-typescript-utils - 围绕 Typescript 和 Ember.js 构建的实用函数.
UI libs¶
- ember-bootstrap - 提供一组原生 Ember.js 组件,以 ember 友好的方式模仿原始的 Bootstrap 插件和组件.
- Frontile - Frontile 旨在提供构建一致且强大的 Ember.js 应用程序所需的乐高积木(组件、助手、修饰符和样式).
- ember-cli-uniq - 实施 Uniplaces 设计系统的 Ember.js 的默认组件.
- ember-element-ui - 为 ember 提供 element-ui.
- ember-elements - a UI toolkit in Ember
- ember-ghost-casper-template - Ghost 默认个人博客主题的静态站点版本.
- ember-paper - 材料设计的 Ember.js 方法.
- ember-radical - 适用于您的 Ember.js 应用程序的轻巧、完全可访问的 DDAU 组件库.
- Nomad UI
- Semantic-UI-Ember - 这是语义 UI 模块的官方 Ember.js 库.
- Flexi
UI components¶
- ember-attacher - 工具提示和弹出窗口变得简单.
- ember-burger-menu - 带有使用 CSS 过渡的动画和样式集合的画布侧边栏组件.
- ember-flatpickr - 包装 Flatpickr 日期选择器的 Ember.js 插件.
- ember-power-select - 为 ember 构建的可扩展选择组件.
- ember-basic-dropdown - 嵌入应用程序所需的基本下拉菜单.
- ember-drag-sort - 支持多个和嵌套列表的可排序列表组件.
- ember-perfect-scroll - 作为 Ember cli 插件的完美滚动组件.
UX¶
- ember-onbeforeunload - 在路线之间转换或关闭窗口时调用逻辑.
VR¶
VS Code addons¶
- Ember Syntax - Ember.js 模板文件的语法突出显示以及带有标记模板的内联模板定义的语法突出显示!
- Glimmer Templates Syntax for VS Code - Ember.js 的 Glimmer 语法突出显示.
- ember-language-server - Ember.js 项目的语言服务器协议实现.
- unstable-ember-language-server - Ember.js 项目的语言服务器协议实现(不稳定,包括实验性功能).
- vscode-ember-colorizer - 着色/标记 Ember.js .hbs、控制器和路由文件的 VSCode 扩展.
- ember-module-snippets - 使导入 Ember.js 模块在 VSCode 中变得轻而易举的片段.
Atom addons¶
VIM¶
Web Components¶
- ember-cli-web-components - 在其他框架中使用您的 Ember.js 组件作为 Web 组件!
- shadow-dom - 在 Shadow DOM 根目录中为您的组件编写模板.
Webpack¶
Weird¶
- ember-dynamic-render-template - 从模板字符串渲染 DOM.
Resources¶
Articles¶
- An Elementary Guide to Ember.js Build Performance
- Ember.js 2019 Roadmap Posts
- How to Actually Build Superior Web Apps for Free
- Getting Started With Glimmer-Native
- The case for Embeddable Ember.js
- The State of the Ember.js Addon Ecosystem in 2019
- Static Types in Ember.js?
- How does Ember Boot?
- The Ember.js testing guide, I made for myself
- Using Lerna to manage multiple Ember.js apps
- How to translate your Ember.js application with ember-intl
- Using ember-animated to re-sort a list
- Throttling Ember-Data with Ember-Concurrency
- Animation and Predictable Data Loading in Ember.js
- Make your deprecated CSS stand out
- 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
- 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
- Ember Octane Update: Async Observers
- Confirming Actions in Ember.js
- Async Computed Properties in Ember.js
- Ember.js Native Class Update: 2019 Edition
- 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
- 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
- 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
- Components patterns in Ember.js
- Optimizing Ember.js Templates
- How to keep your ember.js project clean and well-structured
- 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
- Using PurgeCSS with Ember.js
- Modern Ember.js (2018)
- Automating Ember.js App Deployment on AWS
- Django & Ember.js Full Stack Basics: Connecting Frontend and Backend — Part 1
- Everything one can expect in Ember Octane
- Shipping Ember.js bundles based on the user's browser
- To
attrs
or not toattrs
- Nested components and angle brackets, a sneaky solution
- How I added whitelabel theming to my Ember.js app
- Decorating Guide: Commonly-Used Ember.js Decorators
- Understanding Ember's resolver
- Creating Connection-aware Ember.js Media Components
- A framework for ambitious Chrome Extensions
- Drag and Drop on iOS with Ember.js
- Tips for improving build time of large apps
- Error Handling
- Build and Authenticate an Ember.js 3 Application
- Everything you need to know to upgrade your Ember.js app
- 16 Opensource Ember.js Projects to Learn From
- 5 Essential Ember.js Concepts You Must Understand
- Building a performant real-time web app with Ember Fastboot and Phoenix
- Debug Ember.js app with VSCode
- Debugging Ember.js applications in Visual Studio Code
- DEPLOYING WITH EMBER.JS: A STORY
- Do not confuse environment for deploy target
- 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 Inspector - The Journey so Far
- Ember.js on Medium
- EmberCamp Module Unification Update
- Skeleton Screen Loading in Ember.js
- Static Blogs with Prember and Markdown
- Tom Dale on Ember.js and JavaScript Frameworks - 2013 年.
- Using ember-freestyle as a component playground
- Using npm libraries in Ember CLI
- We have a new Ember.js front-end!
- What you didn't know about passing dynamic classname and attribute bidings from parent template
- Customising Ember Power Select
- A collection of notes that summarize EmberConf 2020
- A collection of notes that summarize EmberConf 2019
- EmberConf 2019 Links and Notes
- A collection of links that summarize EmberConf 2018
- A collection of links that summarize EmberConf 2017
- A collection of links that summarize EmberConf 2016
- A collection of links that summarize EmberConf 2015
- A list of EmberJS2018 blog posts and ideas
- Blog Post for an Ambitious Framework
- Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019
- 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
Ember-Cli Articles¶
- Ember-cli fingerprinting and dynamic assets
- Secrets of the Ember-CLI server: Express middleware with Ember-CLI
Why Articles¶
- NYC Planning Labs: Why Choose Ember.js?
- Why DockYard Builds with Ember.js
- Ember.js. Your best bet.
- Why Ember.js?
- 6 Reasons Why To Use Ember.js In 2019
- Ember.js: Our Secret Weapon
- How Ember.js Enables Us to Focus on Shipping Features
- When you should not pick Ember.js as your next front-end tool
- Moving from React to Ember 2020
- Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019
Jump-Start Articles¶
- The simplest possible Ember Data CRUD Tutorial
- Challenges I face(d) with Ember.js
- It’s easier in Ember.js. Probably.
Articles Glimmer¶
- Alternative View Layers for an Elm App
- Creating Web Components with Glimmer
- Building a PWA with Glimmer.js
- The Glimmer VM: Boots Fast and Stays Fast
- The Glimmer Binary Experience
- Glimmer.js: What’s the Deal with TypeScript?
- Glimmer.js Application proposal - 编译、渲染、SSR、再水化.
- Git Guides
- Designing and Implementing Glimmer Like a Programming Language
- Glimmer: Blazing Fast Rendering for Ember.js, Part 1
- Glimmer: Blazing Fast Rendering for Ember.js, Part 2
- Why I’m excited about Glimmer.js
- Getting Started With Glimmer-Native
- What is the current state of more advanced Glimmer VM features?
- UNIT-TESTING GLIMMER COMPONENTS
Articles Engines¶
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
- Two-Tasks Routes in Ember.js
Articles ES6¶
Articles TypeScript¶
- ember-cli-typescript v2 beta
- Ember Typescript Code Coverage - how to gist
- Type-Informed Design
- Typing Your Ember.js - 将 TypeScript 与 Ember.js 结合使用.
- Ember.js, TypeScript, and Class Properties
- Set your Ember.js project up to use TypeScript
- 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
Articles Modern Testing¶
- Using Fakes from Ember-Sinon-QUnit
- 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
- STORY-BASED BDD - AN ALTERNATIVE APPROACH TO TESTING WITH EMBER
- Ember.js Timer Leaks: The Bad Apples in Your Test Infrastructure
- Test helpers: The next generation
- 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
- Testing Ember.js Mixins (and Helpers) With a Container
- Write Tests Like a Mathematician: Part 1
- Write Tests Like a Mathematician: Part 2
- Write Tests Like a Mathematician: Part 3
- Setting up Coveralls for your Ember Addons
Articles FastBoot¶
- How to integrate Ember FastBoot in Cloud Functions for Firebase
- Ember FastBoot + Google App Engine
- Deploying FastBoot apps with ember-cli-deploy
Articles about Data¶
- Managing Relations in Ember Data with JSON API
- Creating a Default Record When a belongsTo Request Errors
- The case against async relationships in Ember Data
- No Graph Theory Required: Ember.js and GraphQL in Practice
- Offline Data and Sync with Ember-Orbit
- Inlining store data in Ember.js
- Extracting Metadata from a Custom API with Ember Data
- Ad Hoc Relationships with Ember Data
- Ember Data RecordArray AntiPatterns
- Useful Ember Data helpers
- Cascade Deleting Relationships in Ember Data
- Fit Any Backend Into Ember with Custom Adapters & Serializers
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’
Yarn in Ember Articles¶
Best-practices¶
- ember-best-practices
- An Ember.js Debugging Flowchart
- Built-in input helpers in Ember.js: when should they be used?
Nice to know¶
Blogs¶
- lost-in-technology.com
- TODAY I LEARNED / Ember.js
- Ember.js Daily Tips
- emberway.io
- yehudakatz
- 201-created.com
- airpair.com
- alexdiliberto.com
- balinterdi.com - Balint Erdi 博客.
- codeburst.io
- codementor.io
- dockyard.com
- emberigniter.com
- blog.embermap.com
- engineering.linkedin.com
- hackernoon.com
- lolma.us
- madhatted.com
- medium.com/ember-ish - 适用于初学者和中级开发人员的 Ember.js 基础知识.
- netguru.co
- programwitherik.com - Ember.js 啧啧啧.
- rwjblue.com
- shipshape.io
- simplabs.com
- thejsguy.com
Books¶
- The Shortest Ember.js Book
- A deep dive into the Ember.js runloop
- Developing an Ember.js Edge
- Ember Data in the Wild
- ember-cli 101 - 阿道夫·布莱斯 (Adolfo Builes).
- Ember.js for Artisans - 创建由 Laravel 支持的单页应用程序.
- Ember.js in Action - 约阿希姆·哈根·斯基 (Joachim Haagen Skeie).
- Professor Frisby's Mostly adequate guide to Functional Programming
- Rock and Roll with Ember.js
- Ember.js Book (RU)
- Pragmatic, balanced FP in JavaScript
Cheatsheets¶
Codemods¶
- ember-es6-class-codemod - 用于将 Ember.js 对象转换为 es6 本机类的 codemod-cli 项目.
- ember-native-class-codemod - 一个 codemod,用于将你的 ember 应用程序代码转换为带有装饰器的原生 JavaScript 类语法!
- ember-cli-mirage-faker-codemod - 这个 codemod 是为了帮助从通过 ember-cli-mirage 导入 faker 过渡到直接从 faker 导入它.
- ember-mocha-codemods - 用于 ember-mocha 的 Codemod 脚本.
- ember-module-migrator - 自动迁移新的 Ember.js 应用程序布局.
- ember-qunit-codemod - 此 codemod 旨在自动将您的项目从 ember-qunit@2 的旧 moduleFor* 语法转换为较新的语法.
- ember-test-helpers-codemod - Codemod 将您的 Ember.js 测试转换为使用 @ember/test-helpers.
- es5-getter-ember-codemod - 此 codemod 旨在自动将您对 get 和 getProperties 的使用转换为使用传统的对象点表示法.
- qunit-dom-codemod - 基本 codemod 自动将您的断言转换为 qunit-dom 断言.
- test-selectors-codemod - 用于修复 ember-test-selectors testSelector 助手弃用的代码模式.
- ember-on-codemod - 替换对 Ember.on 的使用.
- ember-memory-leaks-codemod - 用于修复 Ember.js 应用程序中的内存泄漏的 codemod 集合.
- ember-3x-codemods - 带有一系列转换的 Codemod 以解决 Ember.js 3.x 弃用问题.
- ember-computed-getter-codemod - Ember.js Computed Getter Codemod.
Community¶
Contribution Guides¶
Courses¶
- embermap.com
- Emberschool.com
- embercasts.com
- Frontend Masters: Advanced Ember.js 2.x - Mike North
- Frontend Masters: Ember.js 2.x - Mike North
Discovery¶
- emberobserver - 灰烬观察者.
- emberjs.GitHub.io/rfcs/ - Ember.js RFC.
Ember Releases¶
- Ember 3.10 Released - 2019 年 5 月 21 日
- Ember 3.11 - 2019 年 7 月 15 日
- Ember 3.12 - 2019 年 8 月 16 日
- Ember 3.13 (Octane Preview) - 2019 年 9 月 25 日
- Ember 3.14 (Octane Preview Cont.) - 2019 年 11 月 18 日
- Ember 3.15 "Octane" Released - 2019 年 12 月 20 日
- Ember 3.16 - 2020 年 2 月 12 日
- Ember 3.17 - 2020 年 3 月 16 日
- Ember 3.18 - 2020 年 5 月 5 日
- Ember 3.19 - 2020 年 6 月 26 日
- Ember 3.20 - 2020 年 7 月 29 日
- Ember 3.21 - 2020 年 9 月 2 日
- Ember 3.22 - 2020 年 10 月 20 日
Examples¶
- A list of open source Ember.js apps
- Simple contact manager demo app for ember-orbit
- API Docs - 此应用程序旨在显示我们版本化的 API 文档.
- guides-app - 替换 emberjs/guides 和 Ember.js 指南.
- Builds - 这是 Ember.js 团队构建的应用程序,用于显示我们的各种发布渠道.
- HospitalRun - HospitalRun 的 Ember.js 前端 hospitalrun.io.
- Rancher - Rancher 是 Kubernetes 的企业管理.
- Super Rentals - Super Rentals 是一个很好的入门项目,可以让您适应 Ember.js 的做事方式.
- Travis CI - Ember.js 网络客户端 Travis CI.
- Vault - 管理机密的工具 (Hashicorp).
- ember-osf-web - 开放科学框架的 Ember.js 前端.
- ember-graphql-examples - 在 Ember.js 中使用 GraphQL 的示例.
- ember-rolodex - 快速入门和 Super Rents 之间的 Ember.js 教程示例.
- ember-styleguide
- Ghost Admin Client
- emberclear - 加密聊天. 没有历史. 没有日志. + 穆 & TS.
- Ember.js nested engines example app + Fastboot.
- Percy's frontend web application, built with Ember.js.
- Fire Tracker - KPCC 用于跟踪和研究加州野火的工具.
- skylines-project - 实时跟踪、航班数据库和比赛框架.
- PIX -PIX.
- ember-monorepo-demo
- documize.com
- New York City Census Reporting Tool
- Medicine Inventory - 使用 Ember CLI、Corber.io、ember-element-ui 开发的示例应用程序.
- octane-ecommerce - Ember Octane + FastBoot + Algolia + PayPal + Formspree (s, v, d).
- Rust Package Registry - crates.io
- Ember.js RealWorld Implementation - Ember.js 代码库包含符合 RealWorld 规范和 API 的真实示例(CRUD、身份验证、高级模式等).
- A wild tomster appears
- An ember integration for building visual programming editors with blockly.
- https://www.submarinecablemap.com/
- https://music.apple.com/
- https://creator.emojible.store/
Examples Glimmer¶
- breethe-client - 世界各地的空气质量数据.
- Glimmeroids - 使用 Glimmer.js 的小行星实现.
- glimmer-hn-pwa - 由 Glimmer.js 提供支持的黑客新闻渐进式 Web 应用程序演示.
- the-chosen - 创建 Glimmer.js 项目是为了在我们的 scrum 日常会议期间更轻松地学习和决定谁是下一个分享状态的人.
- glimmer_eats - 使用 Glimmer.js 构建的演示 PWA.
- built-with-spaghetti - Built with Spaghetti 旨在充当网络艺术的门户.
- glimmer-live-chat - 使用 Glimmer.js 制作的实时聊天应用程序.
- glimmer-synth - 使用 WebAudio 和 Glimmer.js 构建的合成器.
- glimmer-js-online-offline-demo - Glimmer.js 应用示例:在线/离线浏览器事件.
- glimmer-qrious - Glimmer.js 组件使用 QRious 库在网页中生成二维码.
- glimmerjs-address-book-demo - 示例 Glimmer.js 应用程序 - 地址簿演示.
- glimmer-dashboard - Glimmer.js 仪表板示例.
- glimmer-redux-todo - 用 Glimmer.js 和 Redux 编写的 Todo 应用程序.
- glimmer-pong - 使用 Glimmer.js 和 SVG 编写的乒乓球游戏.
- glimmer-material - Web 材料组件的 Glimmer.js 包装器.
- glimmer-of-life - 使用 Glimmer.js 实现 Conway 的生命游戏.
- vorfreude - 当你迫不及待但又不得不等的时候.
- endless-hoops - 这是一款用 JavaScript/Canvas/Glimmer.js 编写的篮球比赛.
- glimmer-hangman - Glimmer.js 中著名游戏“Hangman”的实现.
Gists¶
- Forwarding Named Blocks in Glimmer
- Multi Named Blocks
- Accessing the Global App Object in an Ember CLI App
- A principled model for forms
- ember-cli-advanced-proxy
- A list of Ember.js VSCode Extensions
- Ember.js Bundle Size
- Converting libraries to Ember CLI addons
- Developing Addons and Blueprints
- Ember.js + ESLint + Prettier + Ember Suave
- @listochkin/Ember.js Video Collection (Ru/En)
- @rwjblue/ember_examples
- @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
- How to debug an ember application with VS Code
- What are components all about.
- "Why Ember.js" Thoughts
- Ember.js approval requirements
Gists Ember Data¶
- Mirage GraphQL example
- 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
Miscellaneous¶
- builtwithember - 由 Ember.js 提供支持的应用程序.
- emberwatch - Ember.js 内容的社区中心.
Newsletters¶
- Ember Weekly - 最新的 Ember.js 新闻、技巧和代码直接发送到您的收件箱.
- Official Ember Blog - 重大公告,例如新的 Ember.js 版本发行说明或国情咨文信息.
- statusboard - 状态板.
- The Ember Times - 来自 Ember.js 学习团队的更新.
Podcasts¶
Sandboxes¶
- Ember Twiddle - 用于多个文件的 Ember.js Twiddle,可让您将工作保存在 GitHub 中.
- Ember @ Glitch - Glitch.me 与 Ember.js.
- Ember @ CodeSandbox - 带有 Ember.js 的 CodeSandbox.
- Ember Octane @ CodeSandbox - Ember Octane CodeSandbox 模板.
Screencasts¶
- BuildLab: Ember.js Screencasts for the determined.
- Ember Screencasts - 为忙碌的开发者提供的每周截屏视频.
- EmberCasts - 目前处于中断状态,而作者正在开发下一个版本的 Handlebars.
- EmberWatch - Screencasts - Ember.js 截屏视频的集合.
- Community Groups App - Creating Records in Ember CLI Mirage (part 2a)
- Community Groups App - Creating Records in Ember CLI Mirage (part 2b)
- Community Groups App - Debugging relationships in Ember CLI Mirage (part 3)
Slides¶
- 30 Days Of Ember - 大卫·波辛斯基.
- NaNoWriMo: How can Ember help you write a novel - @EmmaDelecolle.
- Slides from Ember JS Berlin talk, Design Patterns in Ember - 通过@chadian.
- Rainy Day Ember Data - 托尼·施耐德 (@tonywok).
- Building Realtime Apps with Ember.js and WebSockets - 本利默.
- Deploying a Location-Aware Ember Application - 本利默.
- Developing Desktop Apps with Electron & Ember.js - FITC WebU2017 - 艾丹·努尔曼.
- Developing Desktop Apps with Electron & Ember.js
- Ember addons, served three ways - 迈克北.
- Ember At Scale - Chad Hietala,LinkedIn.
- EmberConf 2015 – Ambitious UX for Ambitious Apps - 劳伦·伊丽莎白·谭.
- EmberConf 2016 – Idiomatic Ember: Finding the Sweet Spot of Performance & Productivity - 劳伦·伊丽莎白·谭.
- Fun with Ember 2.x Features - 本利默.
- How do I Even Web App - Lydia Guarino 介绍了使用 Ember CLI 进行 Web 编程.
- Rapid prototyping and easy testing with ember cli mirage - 克里斯托弗·比亚莱克.
- Start Me Up - Building an MVP with EmberJS, Firebase and Material Design -布伦丹·奥哈拉.
- Upgrading Ember.js Apps - 本利默.
Styleguides¶
Tools¶
- Ember Data Sails Adapter - 用于 Sails.js 套接字的 Ember Data 适配器.
- Ember Data WordPress Adapter - 用于 WordPress JSON API 的 Ember Data 适配器.
- Ember Gist - 使用 GitHub Gist 演示 Ember CLI'eque 应用程序.
- Ember Inspector - 将 Ember.js 选项卡添加到 Chrome 或 Firefox 开发人员工具,允许您检查应用程序中的 Ember.js 对象. - 官方维护.
- Ember Perf - 在您的 ember.js 应用程序中测量用户感知的性能数据.
- ember-cli-diff - 一个简单的工具来查看新的 ember 应用程序之间的差异.
- ember-cli - 雄心勃勃的网络应用程序的命令行界面.
- ember-data-model-maker - 用于制作余烬数据模型和有效负载示例的 UI.
- Glimmer Playground - 一个 Glimmer.js 游乐场.
- mber - Ember CLI 替换. 目前阿尔法.
- remote-inspector - 允许您使用 websockets 通过网络检查在不同设备/浏览器上运行的应用程序.
- Ember Unused Components - 此脚本在您的 Ember 项目中搜索未使用的组件
Tutorials¶
- How to learn EmberJS in a hurry
- Discover Ember 2 - 了解如何从头开始构建 Twitter 克隆.
- Ember Components: A Deep Dive - 深入了解使用 Ember.js 组件.
- Ember runloop handbook - 深入了解 Ember.js 运行循环.
- Ember with Phoenix (AKA The PEEP Stack) - 开发一个 Ember.js 前端 JSON API-compliant Phoenix 后端.
- Getting into Ember.js - Ember 的五部分入门课程.
- Getting Started with Ember.js using Ember CLI - 使用 Ember CLI 构建 Todo 应用程序.
- yoember.com/ - Ember.js 教程 - 从初学者到高级.
- build-pacman
Twitter¶
- EmberJS
- The Ember Times
- Ember Watch
- Yehuda Katz
- Melanie Sumner
- Jen Weber
- Robert Jackson
- Stefan Penner
- Matthew Beale
- Chris Thoburn
- Chris Garrett
- Alex Navasardyan
- Igor Terzic
- Sam Selikoff
- Erik Bryn
- Gavin Joyce
- Ryan Toronto
- Balint Erdi
- Luke Melia
Videos¶
- Working with Ember Animated & Addon Internals: Ember Concurrency – Ember NYC, May 2019
- Ember.js Tutorial: Build a painting game in 20 mins
- Ember-cli In-Repo Addons with Jacob Bixby
- Maintaining an Ember App at Scale, with Chris Ng
- Jackie Luo: From React to Ember: A Modern Comparison
- Ember San Francisco Meetup at Square, October 2018
- The Future of Ember js - 根据 EmberConf 2018 的演示文稿总结 Ember.js 即将发生的变化.
- 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 2019
- EmberFest 2018
- EmberFest 2014
- Global Ember Meetup
- Ember @ Netflix
- Ember Engines at Scale
- Ember Test Recorder
- Ember-cli In-Repo Addons with Jacob Bixby
- ember-content-placeholders
- Ember.JS in the Year 2020
- EmberConf 2014 - EmberConf 2014 的会议视频.
- EmberConf 2015 - EmberConf 2015 的会议视频.
- EmberConf 2016 - EmberConf 2016 的会议视频.
- EmberConf 2017 - EmberConf 2017 的会议视频.
- EmberConf 2018 - EmberConf 2018 的会议视频.
- EmberConf 2019 - EmberConf 2019 的会议视频.
- EmberConf 2020 - EmberConf 2020 的会议视频.
- 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
- Web App Performance & Ember.js - 网络应用程序性能和 Ember.js.
- Why Ember CLI uses Broccoli
- Developing ember apps on glitch.com
- 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
- Must have add-ons in EmberJS - Dawid Pośliński
- Building Modern Apps Using API Services - Ember Meetup August 21, 2018
- How to improve your tests? - Paweł Kuwik
- Optional & upcoming features - Michał Staśkiewicz
- Hybrid Apps with Ember/Glimmer
- Productive Frontend Test Driven Development That Actually Works
- EmberCamp 2018 - EmberCamp 2018 会议视频
- EmberCamp 2019 - EmberCamp 2019 会议视频
- Ember.js: The Documentary
- Ember.js: The Documentary (Русская версия) - 俄语版本
- GraphQL: The Documentary
- GraphQL: The Documentary (Русская версия) - 俄语版本
- Ember and GraphQL: A Quick Example
- Ember Octane Livestream: Build a drum machine
- Tracking in the Glimmer VM - Chris Garrett 讨论了跟踪在 Ember 中的工作原理
- Commit Porto '19: Thriving through the hype cycle: an Ember.js story (Ricardo Mendes)
- Animating Across Routes with Ember Animated - EmberMap 视频添加跨路线过渡动画
- Creating an Ember Application - 即将推出的 Ember 系列中的第一篇
- Ember and GraphQL: A Quick Example
- Stef & Rob: do we still need the built-in Input component? Stefan Penner 和 Robert Jackson 争论内置输入组件
- Ember Octane - Great For Beginners - 您可以只编写 HTML 和 CSS,并使用 Ember Octane 走得更远
- Yet Another Test Runner by Kelly Sheldon @ Ember London
YouTube channels¶
- Amsterdam Ember.js
- Boston Ember
- Denver Ember
- Ember Videos
- EmberJS Chennai
- Ember.js Dublin
- EmberATX
- EmberJSSeattleMeetup
- EmberSchool
- EmberSherpa
- Meetup: London
- Silicon Valley Ember.js meetup
- So Ember 2017
- Wicked Good Ember 2016
- May I ask a Question
YouTube playlists¶
- Ember London 2018
- Intercom Screencasts
- Ember.js tutorial for beginners in 2020 - Shawn Chen 的 10 集系列