@babel/plugin-proposal-pipeline-operator

What is @babel/plugin-proposal-pipeline-operator?

@babel/plugin-proposal-pipeline-operator is a Babel plugin that allows you to use the pipeline operator (|>) in your JavaScript code. The pipeline operator is a proposed feature for JavaScript that enables a more readable and functional approach to chaining functions.

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

Basic Pipeline Usage

This feature allows you to chain functions in a readable manner. The value 5 is first passed to the `double` function, and then the result is passed to the `increment` function.

const result = 5 |> double |> increment;
function double(x) { return x * 2; }
function increment(x) { return x + 1; }

Using with Arrow Functions

You can also use arrow functions within the pipeline. This example doubles the value 5 and then increments it by 1.

const result = 5 |> (x => x * 2) |> (x => x + 1);

Complex Pipelines

This feature demonstrates a more complex pipeline where a string is transformed through multiple stages: converting to uppercase, appending another string, and then splitting into an array.

const result = 'hello' |> (s => s.toUpperCase()) |> (s => `${s} world`) |> (s => s.split(' '));

Other packages similar to @babel/plugin-proposal-pipeline-operator

lodash

Lodash is a utility library that provides a wide range of functions for common programming tasks. While it does not support the pipeline operator, it offers a `_.flow` function that allows for function composition in a similar manner.

ramda

Ramda is a functional programming library for JavaScript that emphasizes immutability and side-effect-free functions. It provides a `R.pipe` function that allows for function composition, similar to the pipeline operator.

rxjs

RxJS is a library for reactive programming using Observables. It allows you to compose asynchronous and event-based programs using observable sequences and provides operators that can be chained in a manner similar to the pipeline operator.

README

@babel/plugin-proposal-pipeline-operator

Transform pipeline operator into call expressions

See our website @babel/plugin-proposal-pipeline-operator for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-proposal-pipeline-operator

or using yarn:

yarn add @babel/plugin-proposal-pipeline-operator --dev

Changelog

v7.24.7 (2024-06-05)

:bug: Bug Fix

• babel-node
  • #16554 Allow extra flags in babel-node (@nicolo-ribaudo)
• babel-traverse
  • #16522 fix: incorrect constantViolations with destructuring (@liuxingbaoyu)
• babel-helper-transform-fixture-test-runner, babel-plugin-proposal-explicit-resource-management
  • #16524 fix: Transform using in switch correctly (@liuxingbaoyu)

:house: Internal

• babel-helpers, babel-runtime-corejs2, babel-runtime-corejs3, babel-runtime
  • #16525 Delete unused array helpers (@blakewilson)