@babel/plugin-proposal-object-rest-spread

What is @babel/plugin-proposal-object-rest-spread?

The @babel/plugin-proposal-object-rest-spread package allows developers to use the object rest and spread properties syntax in their JavaScript code. This syntax is part of the ECMAScript proposal and enables more concise and readable code when copying properties from one object to another or collecting the remaining properties of an object after certain properties have been extracted.

What are @babel/plugin-proposal-object-rest-spread's main functionalities?

Object Spread

Allows an object's own enumerable properties to be copied into a new object. This is useful for creating a new object with the same properties as an existing object or for combining multiple objects.

{ ...source }

Object Rest

Enables extracting properties from objects and binding the remaining properties to a new object. This is useful for omitting certain properties from an object and keeping the rest.

const { a, b, ...rest } = source;

Other packages similar to @babel/plugin-proposal-object-rest-spread

object-assign

A polyfill for Object.assign which is a method used to copy the values of all enumerable own properties from one or more source objects to a target object. It is similar to the spread operator but does not allow for rest properties and is not a Babel plugin.

deepmerge

A library for deep (recursive) merging of objects. It is similar to object spread in that it allows for combining objects, but it goes deeper, merging nested objects as well, which is not something object spread syntax does by default.

lodash.merge

Part of the Lodash library, this function is used for a deep merge of own and inherited enumerable properties of source objects into the destination object. It's more powerful than the spread operator in terms of deep merging capabilities.

extend

A port of the classic jQuery.extend() method to Node.js. It can be used to copy properties from one or more source objects to a target object, similar to the spread operator, but it is not specifically a Babel plugin and does not handle the rest properties syntax.

README

@babel/plugin-proposal-object-rest-spread

Compile object rest and spread to ES5

See our website @babel/plugin-proposal-object-rest-spread for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-object-rest-spread

or using yarn:

yarn add @babel/plugin-proposal-object-rest-spread --dev

Changelog

v7.18.0 (2022-05-19)

:rocket: New Feature

• babel-preset-env
  • #14556 feat: add import-assertions to shippedProposals (@JLHwung)
• babel-helper-create-class-features-plugin, babel-helper-define-map, babel-plugin-proposal-class-static-block, babel-plugin-proposal-destructuring-private, babel-plugin-proposal-object-rest-spread, babel-plugin-syntax-destructuring-private, babel-plugin-transform-destructuring, babel-plugin-transform-proto-to-assign, babel-plugin-transform-typescript, babel-standalone, babel-traverse, babel-types
  • #14304 Transform destructuring private (@JLHwung)
• babel-generator, babel-parser, babel-types
  • #14359 [ts 4.7] Support optional variance annotations (@magic-akari)
• babel-generator, babel-parser
  • #14476 [ts 4.7] Support extends constraints for infer (@sosukesuzuki)
• babel-generator, babel-parser, babel-plugin-transform-typescript, babel-traverse, babel-types
  • #14457 [ts] Add support for instantiation expressions (@nicolo-ribaudo)
• babel-helper-module-transforms, babel-plugin-transform-modules-amd, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-umd
  • #14456 Pass filename to importInterop method (@NickHeiner)

:bug: Bug Fix

• babel-types
  • #14551 Do not create multiple copies of comments when cloning nodes (@liuxingbaoyu)
• babel-parser
  • #14557 Fix parsing of < after object literals with the jsx plugin (@JLHwung)
• babel-plugin-transform-react-pure-annotations
  • #14528 fix: do not mark computed React[...] methods as pure (@JLHwung)

:nail_care: Polish

• babel-core, babel-helper-transform-fixture-test-runner, babel-helpers, babel-plugin-proposal-async-generator-functions, babel-plugin-transform-async-to-generator, babel-plugin-transform-block-scoping, babel-plugin-transform-classes, babel-plugin-transform-regenerator, babel-plugin-transform-runtime, babel-preset-env, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime, babel-standalone
  • #14538 Inline regeneratorRuntime as a normal helper (@nicolo-ribaudo)

:house: Internal

• babel-core, babel-helper-create-class-features-plugin, babel-plugin-proposal-decorators, babel-plugin-transform-modules-systemjs
  • #14530 improve helper-create-class-features typings (@JLHwung)