ember-source

What is ember-source?

The ember-source package is the core framework for Ember.js, a JavaScript framework for building ambitious web applications. It provides a robust set of tools and conventions for building scalable and maintainable web applications.

What are ember-source's main functionalities?

Routing

Ember's routing system allows you to map URLs to routes, which are responsible for loading the data and rendering the templates. This example demonstrates how to define a route that fetches all 'post' records from the store.

import Route from '@ember/routing/route';

export default class MyRoute extends Route {
  model() {
    return this.store.findAll('post');
  }
}

Components

Components in Ember are reusable UI elements that can have their own state and logic. This example shows a simple component that computes a full name from first and last name arguments.

import Component from '@glimmer/component';

export default class MyComponent extends Component {
  get fullName() {
    return `${this.args.firstName} ${this.args.lastName}`;
  }
}

Services

Services in Ember are singleton objects that can be used to share state and behavior across different parts of the application. This example demonstrates a simple authentication service.

import Service from '@ember/service';

export default class MyService extends Service {
  isLoggedIn = false;

  login() {
    this.isLoggedIn = true;
  }

  logout() {
    this.isLoggedIn = false;
  }
}

Other packages similar to ember-source

react

React is a JavaScript library for building user interfaces. Unlike Ember, React is more flexible and allows developers to choose their own libraries for routing, state management, and other functionalities. React focuses on the component-based architecture and provides a virtual DOM for efficient updates.

vue

Vue.js is a progressive JavaScript framework for building user interfaces. It is similar to Ember in that it provides a comprehensive solution for building web applications, including routing and state management. However, Vue is more flexible and easier to integrate into existing projects.

angular

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. It provides a complete solution with built-in tools for routing, state management, and form handling. Angular is more opinionated and structured compared to Ember.

README

Ember.js is a Javascript framework that greatly reduces the time, effort and resources needed to build any web application. It is focused on making you, the developer, as productive as possible by doing all the common, repetitive, yet essential, tasks involved in most web development projects.

Ember.js also provides access to the most advanced features of Javascript, HTML and the Browser giving you everything you need to create your next killer web app.

• Website
• Guides
• API
• Community
• Blog
• Builds

Contribution

See CONTRIBUTING.md

Changelog

2.11.0 (January 23, 2017)

• #14762 [BUGFIX] Ensure subexpressions can be used for {{input}}'s type.
• #14723 [BUGFIX] Improved backtracking re-render assertion message.
• #14750 [BUGFIX] Add assertion when a component's tagName is a computed property.
• #14685 [BUGFIX] Fix this.$() returning undefined in willDestroyElement.
• #14717 [BUGFIX] Fix an issue with block params named attrs.
• #14671 [BUGFIX] Fix an issue with the list attribute in <input> elements.
• #14681 [BUGFIX] Fix an issue with computed properties when using aliases as dependent keys.
• #14682 [BUGFIX] Ensure closure actions do not trigger unnecessary re-renders.
• #14658 [BUGFIX] Make the ember-source build work.
• #14389 [BUGFIX] Move classNames and classNameBindings properties into the component's prototype.
• #14389 [BUGFIX] Disallow mutation of shared concatenatedProperties, such as classNames and classNameBindings.
• #14441 [DEPRECATION] Deprecate remaining usage of the {{render}} helper.
• #14482 [DEPRECATION] Deprecate Component#renderToElement.