Какво е pipe в контекста на уеб разработката?

В контекста на уеб разработката, особено във фреймуъркове като Angular, pipe (тръба) е функция, която преобразува входните данни във желания формат за показване в шаблона. Pipes се използват за филтриране, форматиране или сортиране на данни без да променят самия модел на данните. Те подобряват повторната употреба на кода и четливостта на шаблона.

Примери за използване:

• Форматиране на дати: преобразуване на обект Date в низ в определен формат (MM/dd/yyyy).
• Форматиране на валута: добавяне на знак за валута и форматиране на числото.
• Преобразуване на текста в големи или малки букви: преобразуване на текста.
• Филтриране на списъци: показване само на елементите, които отговарят на определени критерии.
• Сортиране на списъци: подреждане на елементите.

Синтаксис за използване в Angular шаблон:

<!-- Показване на дата във формат MM/dd/yyyy -->
<p>{{ someDate | date:'MM/dd/yyyy' }}</p>

<!-- Показване на число като валута -->
<p>{{ price | currency:'USD':'symbol':'1.2-2' }}</p>

<!-- Преобразуване на текста в главни букви -->
<p>{{ someText | uppercase }}</p>

В други контексти на уеб разработката (например, в бекенда с Node.js или при работа с потоци от данни) "pipe" може да се отнася до механизъм за предаване на изхода на една команда или функция като вход към друга, което позволява създаването на вериги от операции. Например, в Node.js stream.pipe() се използва за пренос на данни от поток за четене към поток за писане.

// Пример за използване на pipe в Node.js за копиране на файл
const fs = require('fs');

const readStream = fs.createReadStream('input.txt');
const writeStream = fs.createWriteStream('output.txt');

readStream.pipe(writeStream); // Предаване на данни от readStream към writeStream

Обаче, най-разпространеното значение на "pipe" в контекста на фронтенд разработката, особено в съвременните рамки, е свързано с преобразуването на данни за показване в шаблоните.