Nello script #279 abbiamo visto come creare un component riutilizzabile per mostrare un campo su una form. All'interno del component abbiamo utilizzato un altro component che aveva come scopo quello di mostrare i messagi di errore. In questo script analizziamo in dettaglio questo...

Ogni component di React deve avere un solo nodo padre. Spesso questo nodo è un tag div o span o table o altro ancora. Esistono tuttavia dei casi in cui questo component non può essere un tag HTML. Analizziamo il prossimo esempio.class MyTable extends React.Component { render...

In molti progetti abbiamo la necessità di creare form complesse con molti campi. I vari campi hanno spesso in comune molte necessita come quella di avere una label, un messaggio di validazione in caso questa fallisse e altro ancora. In questi casi può tornare utile creare un ...

Renderizzare una lista è una delle attività più comuni in JSX. Basta pensare al rendering di un tag table e dei vari tag tr o di un tag ul e dei vari tag li. Per renderizzare una lista non possiamo usare un ciclo for, ma dobbiamo ricorrere al metodo map della classe Array. Questo...

La più grande novità di Angular 8 è sicuramente la release in beta del nuovo motore di rendering che ha come nome in codice Ivy. Essendo ancora in beta, Ivy non è abilitato di default quando creiamo un nuovo progetto. Per farlo dobbiamo usare lo switch --enable-ivy.Per abilitare ...

Un'operazione molto comune durante la renderizzazione di un componente è quella di mostrare o meno certe informazioni. Ad esempio, se un utente è loggato possiamo mostrare il suo nome e mostrare un link al login in caso contrario. JSX supporta il rendering condizionale sfruttando...

NgRx è una libreria Angular che permette di adottare il pattern redux nelle nostre applicazioni. Giunta alla versione 8, questa libreria è largamente adottata per progetti di ogni tipologia e gode di un vasto supporto dalla community di sviluppatori. Scopri in quest'articolo ...

Fino alla versione 7 di Angular, i decorator ViewChild e ContentChild impostano la variabile che decorano a partire dal metodo ngAfterViewInit della pipeline di esecuzione del component. Questo esempio mostra questo funzionamento.mydiv@ViewChild('MyDiv') myDiv: ElementRef;...

Nella maggior parte dei casi, un tag HTML comprende uno o più attributi. Quando utilizziamo la sintassi JSX possiamo utilizzare questi attributi come faremmo in qualunque pagina HTML.return ( );In questo esempio il valore dell'attributo viene impostato con un dato fisso, ma ...

Di default, Angular offre il lazy loading a livello di modulo. Questo significa che possiamo decidere di caricare un modulo solo quando questo viene usato invece che caricarlo allo startup dell'applicazione. Fino ad Angular 7, la sintassi per caricare il modulo in modalità lazy è...