I components vs direttive in AngularJS 1

Con l’avvento di AngularJS 1.5 è stata introdotta un’importante specifica nel mondo Angular 1.x : i components.
Tale specifica va nettamente in direzione Angular 2 e si può affermare che rappresenti un ponte tra le due major version 1 e 2 . Inoltre i components diventano, di fatto, lo strumento per iniziare la migrazione tra i due framework.

I components

Un component è una speciale tipologia di direttiva che fa uso di una più semplice configurazione ( rispetto alle classiche direttive) al fine di permettere una struttura applicativa component-based. Ciò semplifica la creazione di Web Applications scalabili e modulari.

I vantaggi dei components

• facilità di configurazione
• orientato ad utilizzi standard ed a best practice
• ottimizzate per architetture logiche component-based
• più semplice upgrade verso Angular 2

Quando non usare i Components

In alcuni casi però non è possibile usare i components ed occorre far uso delle classiche direttive, in particolare:

• per le direttive che si basano sulla manipolazione del DOM o che aggiungono dei listener sugli eventi; poichè le funzioni di compilazione e linking non sono disponibili
• quando hai l’esigenza di funzionalità avanzate come priority, terminal, multi-element
• quando vuoi attivare un trigger attraverso un attributo o una classe CSS al posto di un elemento

La migrazione da direttive a components

In buona sostanza i components coprono il 95% dei casi d’uso in cui venivano utilizzate le direttive, pertanto effettuare la portabilità del codice verso un’architettura component-based si rileverà un vantaggio quando vorrete effettuare l’upgrade ad Angular 2. Qualcuno aveva già pensato ad aggiungere i component ad Angular 1.3, segno dell’importanza che veniva già data a questa specifica.

Glue Labs e Angular

Abbiamo iniziato ad utilizzare Angular dai suoi albori e lo abbiamo implementato in Web Application sia semplici che molto complesse per diverse aziende nazionali e internazionali. Se necessiti di un partner affidabile ed esperto che garantisce tutto il codice prodotto per 12 mesi da qualsiasi bug per i tuoi progetti Angular o se vuoi frequentare un nostro corso o semplicemente chiedere maggiori informazioni contattaci subito.