Co je to pipe v kontextu webového vývoje?

V kontextu webového vývoje, zejména v rámci frameworků jako Angular, je pipe (trubka) funkce, která převádí vstupní data do požadovaného formátu pro zobrazení v šabloně. Pipe se používají k filtrování, formátování nebo třídění dat bez změny samotného datového modelu. Zvyšují znovu použití kódu a zlepšují čitelnost šablony.

Příklady použití:

• Formátování data: převod objektu Date na řetězec ve specifickém formátu (MM/dd/yyyy).
• Formátování měny: přidání znaku měny a formátování čísla.
• Převod textu na velká nebo malá písmena: konverze textu.
• Filtrace seznamů: zobrazení pouze těch prvků, které splňují určitá kritéria.
• Třídění seznamů: seřazení prvků.

Syntaxe použití v šabloně Angular:

<!-- Zobrazení data ve formátu MM/dd/yyyy -->
<p>{{ someDate | date:'MM/dd/yyyy' }}</p>

<!-- Zobrazení čísla jako měny -->
<p>{{ price | currency:'USD':'symbol':'1.2-2' }}</p>

<!-- Převod textu na velká písmena -->
<p>{{ someText | uppercase }}</p>

V jiných kontextech webového vývoje (například v backendu s Node.js nebo při práci s datovými proudy) může "pipe" odkazovat na mechanismus předávání výstupu jedné příkazu nebo funkce jako vstupu do jiné, což umožňuje řetězení operací. Například v Node.js se stream.pipe() používá k přenosu dat z čtecího proudu do zápisového.

// Příklad použití pipe v Node.js pro kopírování souboru
const fs = require('fs');

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

readStream.pipe(writeStream); // Přenos dat z readStream do writeStream

Nicméně, nejčastější význam slova "pipe" v kontextu frontendového vývoje je spojován s transformací dat pro zobrazení v šablonách.