@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 the proposal for details.

Installation

$ npm install @babel/plugin-proposal-pipeline-operator

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["@babel/plugin-proposal-pipeline-operator"]
}

Via CLI

$ babel --plugins @babel/plugin-proposal-pipeline-operator script.js

Via Node API

require("@babel/core").transform("code", {
  plugins: ["@babel/plugin-proposal-pipeline-operator"]
});