@babel/plugin-syntax-pipeline-operator

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

@babel/plugin-syntax-pipeline-operator is a Babel plugin that allows you to use the pipeline operator (|>) syntax in your JavaScript code. This operator enables a more readable and functional style of chaining functions together.

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

Basic Pipeline Operator

This feature allows you to chain functions together using the pipeline operator. In this example, the number 5 is first doubled and then incremented by 1.

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

Pipeline with Multiple Arguments

This feature demonstrates how you can use the pipeline operator with functions that take multiple arguments. Here, the number 5 is multiplied by 3 and then incremented by 1.

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

Pipeline with Async Functions

This feature shows how the pipeline operator can be used with asynchronous functions. The number 5 is doubled asynchronously and then incremented asynchronously.

const result = await 5 |> doubleAsync |> incrementAsync;
async function doubleAsync(x) { return x * 2; }
async function incrementAsync(x) { return x + 1; }

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

lodash

Lodash is a JavaScript utility library that provides a wide range of functions for common programming tasks. While it does not support the pipeline operator syntax, 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. While it does not use the pipeline operator, it provides a powerful way to chain operations using operators like `map`, `filter`, and `mergeMap`.

README

@babel/plugin-syntax-pipeline-operator

Allow parsing of the pipeline operator |>. See the proposal for details.

Installation

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

Usage

Via .babelrc (Recommended)

.babelrc

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

Via CLI

$ babel --plugins @babel/syntax-pipeline-operator script.js

Via Node API

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