Skip to content

Ember

Awesome Ember.js Awesome

Ember.js

A curated list of delightful Ember.js packages and resources.


Ember.js 神话 读者提问 为 Ember.js 做贡献


只需输入ember.coolhttps://ember-community-russia.github.io/awesome-ember/即可转到此处.


Ember.js 是一个 JavaScript 框架,大大减少了所需的时间、精力和资源 构建任何网络应用程序. 它专注于通过完成大多数 Web 开发项目中涉及的所有常见、重复但必不可少的任务,使您(开发人员)尽可能高效.

Ember.js 还提供对 JavaScript、HTML 和浏览器最高级功能的访问,为您提供创建下一个杀手级 Web 应用程序所需的一切.


你可能还喜欢 awesome-javascript. 请阅读 contribution guidelines 在贡献之前.


  • 很棒的 Ember.js Awesome

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

Animations

Authentication

Automation

Benchmarking

Blogging

  • empress-blog - 基于 Ember.js 构建的博客系统的全功能、SEO 友好的静态站点实现.
  • ember-cli-blog - 为 Ember CLI 更新了 Tom Dale 的博客示例.
  • ember-tumblr - 用于集成 Tumblr 博客的 Ember.js 插件.

Babel

Boilerplating

Broccoli

Broccoli read

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

Code Splitting

  • ember-engines - 此 Ember.js 插件实现了 Ember.js 引擎 RFC 中描述的功能. 从用户的角度来看,引擎允许将多个逻辑应用程序组合成一个应用程序.
  • ember-lazy-mount - 允许 {{mount}} 延迟加载无路由引擎.
  • ember-cli-bundle-loader - 允许多个包并进行延迟加载的插件.
  • ember-cli-lazy-load - 支持通过将 Ember.js 应用拆分为捆绑包来延迟加载它.

Codestyle

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

Compression

Control flow

  • 承诺
  • 可观察
    • ember-rx - Ember.js 的 RxJS 6 集成.
  • 发电机
    • ember-concurrency - Ember.js 插件,使您能够编写简洁、无忧、可取消、可重新启动的异步任务.
  • ember-master-tab - 提供服务的库,可帮助仅在 Ember 应用程序的一个选项卡上运行功能.

CSS & etc

Fonts

  • ember-cli-webfont - 作为 ember-cli 构建过程的一部分,从 svg 文件轻松生成 webfonts.

State management

Styling kits

Data Management

Data manipulation & Computed

  • ember-awesome-macros - Ember.js 计算宏的集合.
  • ember-cpm - Ember.js 的计算属性宏.
  • ember-macaroni - 使用计算属性 macaronis(宏)让您的应用程序代码保持干燥并免费复制意大利面.

Data validation

Database

  • ember-indexeddb - 在 ember 和 ember-data 中使用 IndexedDB 的实用程序和适配器.

Date

  • ember-moment - 用于 moment.js 和 Ember.js 的模板助手和计算属性宏.

Debugging / Profiling

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

ES6

External Components Integration

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

Image

  • ember-svg-jar - 将 SVG 图像嵌入 Ember.js 应用程序的最佳方式.

Include external JS code

Infinite Scroll

Internalization & Localization

  • ember-intl - 翻译复杂的消息字符串. 日期/时间、数字和相对时间的本地化格式.
  • ember-intl-analyzer - 在您的 Ember.js 项目中查找未使用的翻译.

Inputs

Job queues

Logging

Mad science

  • ember-elm - 在您的 Ember.js 应用程序中编写 Elm.
  • javascript-algorithms - 用 Ja​​vaScript 实现的算法和数据结构,带有解释和进一步阅读的链接.

Math

Metrics

  • ember-user-activity - 用于跟踪用户活动和闲置的 Ember.js 插件.
  • ember-metrics - 无需重新实施新 API 即可将数据发送到多个分析服务.

Minifiers

Miscellaneous

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

Parcel

Payments

Polyfills

PWA

Query Params

Real-time

  • ember-cli-flash - 用于 ember-cli 的简单、高度可配置的 flash 消息.

Routing addons

Resolver customization

Security

Service Workers

SSR / Server Side Rendering

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

Testing

Text

Tree Shaking

  • ember-cli-tree-shaker - 这是 Kelly Selden 和 Alex Navasardyan 的新 tree-shaking 和代码拆分工作的测试平台.

TypeScript

UI libs

UI components

UX

VR

VS Code addons

Atom addons

VIM

Web Components

Webpack

Weird

Resources

Articles

Ember-Cli Articles

Why Articles

Jump-Start Articles

Articles Glimmer

Articles Engines

Articles Ember-Concurrency

Articles ES6

Articles TypeScript

Articles Modern Testing

Articles FastBoot

Articles about Data

Articles about Routing

Yarn in Ember Articles

Best-practices

Nice to know

Blogs

Books

Cheatsheets

Codemods

Community

Contribution Guides

Courses

Discovery

Ember Releases

Examples

Examples Glimmer

Gists

Gists Ember Data

Miscellaneous

Newsletters

Podcasts

Sandboxes

Screencasts

Slides

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

Twitter

Videos

YouTube channels

YouTube playlists

License

CC0