Čo je pipe v kontexte vývoja webu?

V kontexte webového vývoja, najmä v rámcoch ako Angular, je pipe (rúrka) funkcia, ktorá premieňa vstupné údaje do požadovaného formátu na zobrazenie v šablóne. Pipes sa používajú na filtrovanie, formátovanie alebo zoradenie údajov bez zmeny samotného dátového modelu. Zvyšujú opätovné použitie kódu a zlepšujú čitateľnosť šablóny.

Príklady použitia:

• Formátovanie dátumu: premena objektu Date na reťazec v špecifickom formáte (MM/dd/yyyy).
• Formátovanie meny: pridanie znaku meny a formátovanie čísla.
• Zmena veľkosti písmen textu: konverzia textu na veľké alebo malé písmená.
• Filtrovanie zoznamov: zobrazenie iba tých prvkov, ktoré spĺňajú určité kritériá.
• Triedenie zoznamov: zoradenie prvkov.

Syntax použitia v Angular šablóne:

<!-- Zobrazenie dátumu vo formáte MM/dd/yyyy -->
<p>{{ someDate | date:'MM/dd/yyyy' }}</p>

<!-- Zobrazenie čísla ako meny -->
<p>{{ price | currency:'USD':'symbol':'1.2-2' }}</p>

<!-- Prevod textu na veľké písmená -->
<p>{{ someText | uppercase }}</p>

V iných kontextoch webového vývoja (napríklad v backend s Node.js alebo pri práci s tokmi dát) môže "pipe" odkazovať na mechanizmus na odovzdanie výstupu jednej príkazu alebo funkcie ako vstupu do inej, čo umožňuje vytváranie reťazcov operácií. Napríklad v Node.js sa stream.pipe() používa na prenos dát zo čítacieho toku do zápisového.

// Príklad použitia pipe v Node.js na kopírovanie súboru
const fs = require('fs');

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

readStream.pipe(writeStream); // Prenos dát z readStream do writeStream

Avšak, najbežnejšie význam slova "pipe" v kontexte frontendového vývoja je spojený s transformáciou dát na zobrazenie v šablónach.