Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →

@babel/plugin-proposal-decorators

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@babel/plugin-proposal-decorators

Compile class and object decorators to ES5

7.25.7
Source
npm

Version published: 2 months ago

Weekly downloads: 10M; decreased by-2.9%

Maintainers: 4

Weekly downloads

Created: 7 years ago

What is @babel/plugin-proposal-decorators?

The @babel/plugin-proposal-decorators package is a Babel plugin that enables the use of decorators, which are a stage 2 proposal for JavaScript. Decorators provide a way to add annotations and a meta-programming syntax for class declarations and members. Decorators can be used to modify classes, properties, methods, and accessors.

What are @babel/plugin-proposal-decorators's main functionalities?

Class Decorators

Class decorators are applied to the class and can be used to observe, modify, or replace a class definition. They can be used for logging, auto-binding, injecting dependencies, etc.

@decorator
class MyClass {}

function decorator(Class) {
  // Modify or wrap the class
  return modifiedClass;
}

Method Decorators

Method decorators are applied to methods of a class and can be used to observe, modify, or replace method definitions. This can be useful for debouncing, throttling, memoization, etc.

class MyClass {
  @decorator
  myMethod() {}
}

function decorator(target, name, descriptor) {
  // Modify or wrap the method
  return modifiedDescriptor;
}

Property Decorators

Property decorators are applied to class properties and can be used to modify the behavior of a property, such as by adding getters and setters, or by initializing with a default value.

class MyClass {
  @decorator
  myProperty;
}

function decorator(target, name) {
  // Modify or define property behavior
}

Accessor Decorators

Accessor decorators are applied to getters and setters and can be used to observe, modify, or replace accessors. This can be useful for validation, logging, etc.

class MyClass {
  _myValue;

  @decorator
  get myValue() {
    return this._myValue;
  }

  set myValue(value) {
    this._myValue = value;
  }
}

function decorator(target, name, descriptor) {
  // Modify or wrap the accessor
  return modifiedDescriptor;
}

Other packages similar to @babel/plugin-proposal-decorators