Qu'est-ce qu'un pipe dans le contexte du développement web?

Dans le contexte du développement web, en particulier avec des frameworks comme Angular, un pipe est une fonction qui transforme les données d'entrée en un format souhaité pour l'affichage dans le template. Les pipes sont utilisés pour filtrer, formater ou trier des données sans modifier le modèle de données lui-même. Ils améliorent la réutilisabilité du code et la lisibilité du template.

Exemples d'utilisation :

• Formatage de dates : convertir un objet Date en une chaîne dans un format spécifique (MM/dd/yyyy).
• Formatage de devises : ajouter le symbole de la devise et formater le nombre.
• Changement de casse du texte : convertir le texte en majuscules ou minuscules.
• Filtrage de listes : afficher uniquement les éléments qui répondent à certains critères.
• Tri de listes : organiser les éléments.

Syntaxe d'utilisation dans un template Angular :

<!-- Afficher la date au format MM/dd/yyyy -->
<p>{{ someDate | date:'MM/dd/yyyy' }}</p>

<!-- Afficher un nombre en tant que devise -->
<p>{{ price | currency:'USD':'symbol':'1.2-2' }}</p>

<!-- Convertir le texte en majuscules -->
<p>{{ someText | uppercase }}</p>

Dans d'autres contextes du développement web (par exemple, en backend avec Node.js ou lors de la manipulation de flux de données), "pipe" peut faire référence à un mécanisme permettant de transmettre la sortie d'une commande ou fonction en entrée d'une autre, permettant de chaîner des opérations. Par exemple, en Node.js, stream.pipe() est utilisé pour transférer des données d'un flux de lecture à un flux d'écriture.

// Exemple d'utilisation de pipe en Node.js pour copier un fichier
const fs = require('fs');

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

readStream.pipe(writeStream); // Transfert de données de readStream à writeStream

Cependant, la signification la plus courante de "pipe" dans le développement frontend, en particulier dans les frameworks modernes, est liée à la transformation des données pour leur affichage dans les templates.