Wat is een pipe in de context van webontwikkeling?

In de context van webontwikkeling, vooral in frameworks zoals Angular, is een pipe een functie die invoergegevens omzet in het gewenste formaat voor weergave in de sjabloon. Pipes worden gebruikt om gegevens te filteren, te formatteren of te sorteren zonder het datamodel zelf te wijzigen. Ze verbeteren de herbruikbaarheid van code en de leesbaarheid van de sjabloon.

Voorbeelden van gebruik:

• Datum formatteren: een Date-object omzetten naar een string in een specifiek formaat (MM/dd/yyyy).
• Valuta formatteren: het toevoegen van het valutateken en het formatteren van het getal.
• Tekst naar hoofdletters of kleine letters omzetten: tekst converteren naar hoofd- of kleine letters.
• Lijsten filteren: alleen de elementen tonen die aan bepaalde criteria voldoen.
• Lijsten sorteren: de elementen ordenen.

Gebruikssyntaxis in een Angular-sjabloon:

<!-- Datum weergeven in het formaat MM/dd/yyyy -->
<p>{{ someDate | date:'MM/dd/yyyy' }}</p>

<!-- Getal weergeven als valuta -->
<p>{{ price | currency:'USD':'symbol':'1.2-2' }}</p>

<!-- Tekst omzetten naar hoofdletters -->
<p>{{ someText | uppercase }}</p>

In andere contexten van webontwikkeling (bijvoorbeeld in de backend met Node.js of bij het werken met datastromen) kan "pipe" verwijzen naar een mechanisme om de output van een commando of functie door te geven als input aan een ander, waardoor ketenbewerkingen mogelijk worden. Bijvoorbeeld, in Node.js wordt stream.pipe() gebruikt om gegevens van een leesstroom naar een schrijfstroom te sturen.

// Voorbeeld van het gebruik van pipe in Node.js om een bestand te kopiëren
const fs = require('fs');

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

readStream.pipe(writeStream); // Gegevens van readStream naar writeStream sturen

De meest voorkomende betekenis van "pipe" in frontend-ontwikkeling, vooral in moderne frameworks, is echter gerelateerd aan het transformeren van gegevens voor weergave in sjablonen.