ember-source

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;
  }
}