Ce este un pipe în contextul dezvoltării web?

În contextul dezvoltării web, în special în framework-uri precum Angular, pipe (pipelina) este o funcție care transformă datele de intrare într-un format dorit pentru afișare în șablon. Pipe-urile sunt utilizate pentru filtrarea, formatarea sau sortarea datelor fără a modifica modelul de date în sine. Ele sporesc reutilizarea codului și îmbunătățesc lizibilitatea șablonului.

Exemple de utilizare:

• Formatarea datelor: transformarea unui obiect Date într-un șir de caractere într-un format specific (MM/dd/yyyy).
• Formatarea valutei: adăugarea semnului de monedă și formatarea numărului.
• Schimbarea cazului textului: transformarea textului în majuscule sau minuscule.
• Filtrarea listelor: afișarea doar a elementelor care corespund anumitor criterii.
• Sortarea listelor: ordonarea elementelor.

Sintaxa de utilizare în șablonul Angular:

<!-- Afișarea datei în formatul MM/dd/yyyy -->
<p>{{ someDate | date:'MM/dd/yyyy' }}</p>

<!-- Afișarea numărului ca valutară -->
<p>{{ price | currency:'USD':'symbol':'1.2-2' }}</p>

<!-- Transformarea textului în majuscule -->
<p>{{ someText | uppercase }}</p>

În alte contexte de dezvoltare web (de exemplu, în backend cu Node.js sau la lucrul cu fluxuri de date), "pipe" poate face referire la un mecanism pentru a transmite ieșirea unei comenzi sau funcții ca intrare pentru alta, permițând crearea de lanțuri de operații. De exemplu, în Node.js, stream.pipe() este folosit pentru a transfera date dintr-un flux de citire într-un flux de scriere.

// Exemplu de utilizare a pipe în Node.js pentru copierea unui fișier
const fs = require('fs');

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

readStream.pipe(writeStream); // Transferul datelor din readStream în writeStream

Totuși, cea mai comună semnificație a termenului "pipe" în dezvoltarea frontend, în special în cadrul framework-urilor moderne, este legată de transformarea datelor pentru afișare în șabloane.