Ember Parachute

screenshot of Ember Parachute
ember
scss

Improved Query Params for Ember

Overview

Ember Parachute is an innovative addon designed to streamline the process of working with query parameters in Ember applications. By consolidating the definition of query parameters into a single source of truth—a query param map—developers can simplify their code and enhance the overall user experience. This addon allows the management of query parameters directly in the controller, which shifts the responsibility of data fetching away from the route, making the application more responsive and efficient.

With this approach, developers can implement advanced user experience features like "skeleton loading," ensuring that the UI remains responsive while data is being fetched. Ember Parachute not only improves code maintainability but also facilitates a smoother interaction for users.

Features

  • Single Source of Truth: Define query parameters in one map/object instead of duplicating code in routes and controllers.
  • Simplified Data Fetching: Data fetching is managed within the controller, preventing UI blocking during loading.
  • Mixin Support: The addon generates a mixin that adds essential properties and methods, simplifying the handling of query parameters.
  • Setup Hooks: Automatically includes setup, reset, and queryParamsDidChange hooks to efficiently manage state changes.
  • Computed Properties: Allows creation of computed properties observing queryParamsState for dynamic UI updates, such as clearing query parameters.
  • Class Decorators: Provides decorators to adapt to modern class syntax, making it compatible with contemporary Ember practices.
  • Advanced Configuration Options: Includes detailed customization for each query parameter, such as default values, refresh behavior, and history management.
ember
Ember

Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.