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

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

Building Ember.js

1. Ensure that Node.js and bower are installed.
2. Run git clone https://github.com/emberjs/ember.js.git && cd ember.js.
3. Run git config core.symlinks true to ensure that symlinks are enabled.
4. Run git reset --hard HEAD to reset to HEAD with symlinks.
5. Run npm install to ensure the required dependencies are installed.
6. Run bower install to ensure required web dependencies are installed.
7. Run npm run build to build Ember.js. The builds will be placed in the dist/ directory.

npm install troubleshooting

If you encounter a problem with downloading dependencies like:

npm ERR! registry error parsing json

consider upgrading npm with:

npm install -g npm@latest

You can find more information in Upgrading on *nix (OSX, Linux, etc.) npm wiki page.

Contribution

See CONTRIBUTING.md

How to Run Unit Tests

Pull requests should pass the Ember.js unit tests. Do the following to run these tests.

1. Follow the setup steps listed above under Building Ember.js.

2. To start the development server, run npm start.

3. To run all tests, visit http://localhost:4200/.

4. To test a specific package, visit http://localhost:4200/tests/index.html?package=PACKAGE_NAME. Replace PACKAGE_NAME with the name of the package you want to test. For example:

• Ember.js Runtime
• Ember.js Views
• Ember.js Glimmer

To test multiple packages, you can separate them with commas.

You can also pass jquery=VERSION in the test URL to test different versions of jQuery.

From the CLI

1. Install phantomjs from http://phantomjs.org.

2. Run npm test to run a basic test suite or run TEST_SUITE=all npm test to run a more comprehensive suite.

From ember-cli

1. ember test --server

2. Connect the browsers you want.

3. If phantom didn't connect automatically, you can run ./bin/connect-phantom-to <optional-port>.

To run a specific browser, you can use the --launch flag

• ember test --server --launch SL_Firefox_Current
• ember test --launch SL_Firefox_Current