DOCSEARCHbyAlgolia
Submit Docs

Ember.js Guides

website·Indexed 42 days ago

https://guides.emberjs.com/release/

Official documentation and tutorials for Ember.js v3.6.0, covering application configuration, Ember CLI, routing, templates, components, Ember Data, and testing strategies.

Tokens
388.7K
Snippets
2.1K
Records
2.8K
Agent score
64%

What's inside Ember.js

  1. Overview of using TypeScript with Ember v6.7.0

    v6.7.0
    TypeScript provides strong typing for Ember applications, reducing runtime errors like undefined is not a function and improving developer productivity through better editor support (autocomplete, refactoring, and automatic imports). For developers not ready to fully migrate to TypeScript, type-checking can be achieved using JSDoc comments. For type-checking specifically within Ember templates, the Glint tool is recommended.

  2. Overview of EmberData Serializers

    Serializers in EmberData format the data sent to and received from the backend store. EmberData provides three built-in serializers:

    • JSONAPISerializer: The default serializer, conforming to the JSON:API specification.
    • JSONSerializer: A simple serializer for single JSON objects or arrays of records.
    • RESTSerializer: A complex serializer supporting sideloading (used as default prior to version 2.0).

  3. Overview of Ember Data Serializers

    v3.12.0

    Serializers in Ember Data format the data sent to and received from the backend store. Ember Data provides three built-in serializers:

    • JSONAPISerializer: The default serializer, conforming to the JSON:API specification.
    • JSONSerializer: A simple serializer for single JSON objects or arrays of records.
    • RESTSerializer: A complex serializer supporting sideloading (default prior to Ember Data 2.0).

  4. Overview of Ember.js core features

    Ember.js is a JavaScript framework for building modern web applications. Its core architecture relies on several key constructs:

    • Ember CLI: A development toolkit for creating, developing, and building applications.
    • Components: Reusable UI elements that define layout and functionality.
    • Routing: Manages application state based on the URL.
    • Services: Used for storing and sharing long-term state across the application.
    • EmberData: A library for communicating with external APIs and managing application state.
    • Ember Inspector: A browser extension used to inspect Ember applications live.

  5. Overview of Ember.js test types

    v6.7.0

    Ember provides three types of tests to separate concerns and balance execution speed:

    1. Unit Tests: Check the correctness of individual methods and functions. They are the fastest and form the foundation of the test suite.
    2. Rendering Tests (formerly Integration Tests): Check how a component looks and behaves using Ember's rendering engine.
    3. Application Tests (formerly Acceptance Tests): Check the full application flow from the user's perspective.

  6. Overview of Ember Services

    A Service in Ember is a singleton object that lives for the duration of the application. They are ideal for features requiring shared state or persistent connections, such as user authentication, WebSockets, geolocation, logging, or third-party API integrations. Services are lazy-loaded, meaning they are not instantiated until they are explicitly accessed for the first time.

  7. Overview of Ember Data

    v3.6.0
    Ember Data is a library for formatting requests, normalizing responses, and managing a local cache of data. It is included by default in applications generated with the Ember CLI. It can be removed by deleting the ember-data entry from package.json. While Ember Data is powerful for managing complexity as an app grows, developers can also use native JavaScript methods like fetch or third-party libraries to handle API requests.

  8. Overview of Ember Engines

    v3.12.0
    Ember Engines are isolated, composable applications that allow multiple logical applications to be combined into a single user-facing application. They possess nearly all the features of a standard Ember application, with the primary distinction being that an Engine requires a host application to boot it and provide a Router instance.

  9. Overview of Ember Template Tag Format

    v6.7.0

    The template tag format is a single-file authoring method for Ember components that combines JavaScript and Glimmer template code. It uses the <template> tag to separate the template language from the surrounding JavaScript.

    • File Extensions: Use .gjs (Glimmer JavaScript) or .gts (for TypeScript).
    • Status: This is the official future of Ember component authoring and is stable for use in apps and addons.

  10. Overview of the Ember Inspector

    v3.6.0
    The Ember Inspector is a browser add-on used to understand and debug Ember applications. It is available for Google Chrome, Firefox, and other browsers via a bookmarklet.

  11. Overview of Ember Dependency Injection

    Ember uses a Dependency Injection (DI) pattern to manage the instantiation and relationship between classes. The system is split into two primary roles:

    1. Application: Acts as the registry for dependency declarations. Factories (classes) and injection rules are registered here.
    2. ApplicationInstance: Acts as the 'owner' of instantiated objects. It is used to 'look up' (instantiate or retrieve) objects from the registry.

    While Services are the primary way to share state via DI, the underlying system allows for custom factory registrations and manual injections.

  12. Overview of Ember Data Serializers

    v3.6.0

    Serializers in Ember Data format the data sent to and received from the backend store. Ember Data provides three built-in serializers:

    • JSONAPISerializer: The default serializer, conforming to the JSON API specification.
    • JSONSerializer: A simple serializer for single JSON objects or arrays of records.
    • RESTSerializer: A complex serializer supporting sideloading (default prior to Ember Data 2.0).