@babel/plugin-proposal-class-properties
Advanced tools
This plugin transforms static class properties as well as properties declared with the property initializer syntax
The @babel/plugin-proposal-class-properties package is a Babel plugin that allows you to use the class properties syntax in JavaScript. This syntax is part of a proposal for ECMAScript and has not been finalized yet, but this plugin lets you use it with Babel to compile your code to a version of JavaScript that is compatible with current environments. It supports both static and instance properties, as well as public and private fields.
Static Class Properties
Allows you to define static properties on a class, which are properties that are accessed on the class itself, not on instances of the class.
class MyClass {\n static myStaticProp = 42;\n}Instance Class Properties
Enables you to define properties directly on class instances, with an initial value, without needing to set them inside the class constructor.
class MyClass {\n myInstanceProp = 'default value';\n}Public Class Fields
Supports the declaration of public fields in a class, which are accessible from outside of the class.
class MyClass {\n publicField = 'some value';\n}Private Class Fields
Allows the definition of private fields in a class, which are only accessible within the class itself using the '#' syntax.
class MyClass {\n #privateField = 'hidden value';\n}This package is similar to @babel/plugin-proposal-class-properties but focuses on adding support for private methods and accessors in classes. It allows you to define methods that can only be called from within the class itself.
This package provides functionality for decorators, which are a stage 2 proposal for JavaScript. Decorators are a way to modify classes or properties at design time. While not directly related to class properties, decorators often work in conjunction with them to add annotations or modify class behavior.
This package transforms ES2015 classes to ES5, which is a broader transformation that includes but is not limited to class properties. It's more comprehensive in terms of class-related transformations but does not specifically target the class properties proposal.
This plugin transforms static class properties as well as properties declared with the property initializer syntax
See our website @babel/plugin-proposal-class-properties for more information.
Using npm:
npm install --save-dev @babel/plugin-proposal-class-properties
or using yarn:
yarn add @babel/plugin-proposal-class-properties --dev
v7.16.7 (2021-12-31)
babel-plugin-transform-runtime, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
babel-helpers
babel-helper-function-name, babel-plugin-transform-function-name
babel-core
$schema property in json config files (@The-x-Theorist)FAQs
This plugin transforms static class properties as well as properties declared with the property initializer syntax
The npm package @babel/plugin-proposal-class-properties receives a total of 2,955,202 weekly downloads. As such, @babel/plugin-proposal-class-properties popularity was classified as popular.
We found that @babel/plugin-proposal-class-properties demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.