Sviluppo web

Blog WebRocks

È tempo di progettare UI e scrivere codice. Let's rock it!

Intro al blog

Lavoro come sviluppatore frontend da più di otto anni. Una passione che nel tempo si è trasformata nella mia professione.
Ho creduto nel web quando non era ancora un luogo quotidiano, quando le connessioni erano lente e costose e le pagine dei siti prevalentemente testuali.

Questo è il mio blog tecnico. Dentro troverai articoli e tutorial sul mondo della programmazione web con particolare focus sulla progettazione di interfacce utente e lo sviluppo usando React.js.

Firma Andrea Mangano
Foto Andrea Mangano
Blog

Ultimi articoli

Frontend

Sistema di notifiche in React.js utilizzando hook e context API

Gestire la visualizzazione di messaggi di sistema può rivelarsi un compito complesso per molteplici ragioni. In questo tutorial mostro come creare un sistema di notifiche in React.js, privo di dipendenze da librerie esterne e sufficientemente completo da essere utilizzato in un applicativo reale.

Leggi ⟶
Frontend

Perché usare TypeScript nella tua applicazione JavaScript

TypeScript ha raggiunto una grande popolarità negli ultimi anni ed è sempre più adottato nello sviluppo di applicazione in JavaScript. In questo articolo, fedele all'esperienza maturata negli ultimi due anni, elenco vantaggi e svantaggi di utilizzo e alcuni particolari contesti dove ne consiglio l'adozione.

Leggi ⟶
Frontend

Recupero dati remoti tramite gli hook di React.js

Il recupero dati è un problema ricorrente all'interno delle applicazioni web. In questo tutorial mostro un approccio per gestire le chiamate, i dati e lo stato delle richieste utilizzando le funzionalità degli hook React. Il risultato dimostra quando sia pratico l'utilizzo e più semplice il riuso del codice.

Leggi ⟶
Frontend

Semplifica la scrittura di styled components con l'attributo 'css'

Scrivere stile attraverso gli styled-components è verboso e dispersivo quando le viste sono complesse. In questo tutorial mostro come riuscire a creare styled component con meno linee di codice e come organizzare il codice css in maniera pratica ed efficiente.

Leggi ⟶
Frontend

Come creare un set di Icone in React.js

Ti è mai capitato di dover gestire un set di Icone in React? Forse si, forse ancora no. In questo tutorial mostro un approccio d'implementazione per creare una libreria di icone su misura, in modo semplice e modulare e con la massima flessibilità di utilizzo e di aggiornamento.

Leggi ⟶
Frontend

Tutorial Render Prop pattern in React.js

Se il nome "render prop" potrebbe trarre in confusione, i vantaggi forniti da questo design pattern sono molteplici. Questo tutorial tratta gli argomenti di maggiore interesse relativi alla creazione di un componente che utilizza il pattern "render prop" fornendoti linee guida e chiari esempi d'implementazione.

Leggi ⟶
Frontend

Compound Component con Context API

In questo tutorial introduco l'implementazione del pattern di sviluppo Compound Component con l'ausilio delle Context API in modo da poter gestire componenti nidificati nella struttura del DOM, senza alcun problema di comunicazione dati tra di essi.

Leggi ⟶
Frontend

Guida pratica ai Compound Component in React.js

Compound Component? Probabilmente ne hai solo sentito parlare, ma è un pattern di sviluppo utile durante lo sviluppo di componenti d'interfaccia. In questo tutorial ti mostro l'implementazione del pattern mediante un esempio pratico che evidenzia i problemi risolti e i vantaggi nell'uso.

Leggi ⟶
Frontend

Gestione degli errori con Error Boundary di React.js

Come gestire errori in React evitando di corrompere l'intera applicazione? In questo tutorial esploro il concetto di Error Boundary, l'implementazione del componente e un esempio completo che ti suggerisce come utilizzare gli Error Boundaries all'interno della tua applicazione.

Leggi ⟶