Šta je pipe u kontekstu veb razvoja?

U kontekstu veb razvoja, posebno u okvirima kao što je Angular, pipe (cevovod) je funkcija koja pretvara ulazne podatke u željeni format za prikaz u šablonu. Pipe se koriste za filtriranje, formatiranje ili sortiranje podataka bez promene samog modela podataka. Oni povećavaju ponovnu upotrebu koda i poboljšavaju čitljivost šablona.

Primeri upotrebe:

• Formatiranje datuma: pretvaranje objekta Date u niz u određenom formatu (MM/dd/yyyy).
• Formatiranje valute: dodavanje znaka valute i formatiranje broja.
• Promena teksta u velika ili mala slova: konverzija teksta.
• Filtriranje lista: prikazivanje samo onih elemenata koji zadovoljavaju određene kriterijume.
• Sortiranje lista: sortiranje elemenata.

Sintaksa za korišćenje u Angular šablonu:

<!-- Prikaz datuma u formatu MM/dd/yyyy -->
<p>{{ someDate | date:'MM/dd/yyyy' }}</p>

<!-- Prikaz broja kao valute -->
<p>{{ price | currency:'USD':'symbol':'1.2-2' }}</p>

<!-- Pretvaranje teksta u velika slova -->
<p>{{ someText | uppercase }}</p>

U drugim kontekstima veb razvoja (na primer, u backendu sa Node.js ili pri radu sa tokovima podataka), "pipe" može da se odnosi na mehanizam za prenos izlaza jedne komande ili funkcije kao ulaza drugoj, što omogućava pravljenje lanaca operacija. Na primer, u Node.js, stream.pipe() se koristi za prenos podataka iz čitačkog toka u zapisni tok.

// Primer korišćenja pipe u Node.js za kopiranje fajla
const fs = require('fs');

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

readStream.pipe(writeStream); // Prenos podataka iz readStream u writeStream

Međutim, najčešće značenje termina "pipe" u kontekstu frontend razvoja, posebno u savremenim okvirima, povezano je sa transformacijom podataka za prikaz u šablonima.