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 è...

Quando creiamo un function component, non abbiamo a disposizione costruttori o altri metodi per inizializzare lo stato quindi dobbiamo utilizzare un'altra tecnica: gli hook. Nel caso specifico, il metodo useState è l'hook da utilizzare. Questo metodo accetta in input un valore ...

Lo stato interno di un component è una delle funzionalità più importanti da gestire quando si crea un'applicazione. Per stato intendiamo un oggetto che contiene tutti i dati del component. Per fare un esempio, se un component visualizza una tabella, il suo stato sarà composto ...

All'interno di un component possiamo inserire qualunque tipo di oggetto HTML. Se vogliamo interagire con questi oggetti, dobbiamo sfruttare gli eventi che JSX ci mette a disposizione (che poi sono gli stessi che HTML mette a disposizione). Ad esempio, se vogliamo gestire il click...

In ReactJS ogni component può ricevere valori in input passati dal component padre. Se usiamo un component creato tramite function, questi valori sono raggruppati in un oggetto che viene passato in input alla funzione, mentre se creiamo il component tramite classe, questi vengono...

Nello script #267 abbiamo visto come creare un component in ReactJS utilizzando una semplice function. Sebbene l'utilizzo di una function sia il metodo più semplice per creare un component, nei casi in cui abbiamo bisogno di maggior potenza possiamo ricorrere all'utilizzo di una ...