Francesco Sposato
dettaglio progetto
FrancescoSposato.dev
Il sito che stai guardando ora: costruito da zero con Expo Router, un componente alla volta, per avere un'unica base di codice che funziona identica sul web e su Android.
React Native
Expo Router
Web + Android
stack tecnologico
Cosa ho utilizzato
React Native + Expo
Un'unica base di codice per web e Android, senza dover mantenere due progetti separati.
Expo Router
Routing a file: ogni file in app/ è una schermata, incluse le pagine di dettaglio come questa.
StyleSheet nativo
Nessuna libreria di styling esterna: solo StyleSheet.create di React Native.
decisioni e problemi risolti
Quello che ho imparato costruendolo
Separazione in componenti
Invece di scrivere ogni pagina da zero, ho tirato fuori i pezzi che si ripetono (intestazione, footer, le card dei progetti) in componenti a parte. Così se cambio una card, cambia dappertutto. Lo scopo è anche capire e creare una "libreria" di componenti riutilizzabili per progetti futuri.
Costanti centralizzate
Colori, font e larghezze massime non sono scritti a mano in ogni pagina, ma vivono in tre soli file dentro constants/. Se domani cambio il colore principale del sito, lo cambio in un posto solo e si aggiorna ovunque. Questo è importantissimo per una manutenzione rapida e chhirurgica.
Routing a file
Con Expo Router ogni file dentro app/ diventa automaticamente una pagina raggiungibile.
Il codice di questo sito è pubblico su GitHub.
Vedi il repository
← Torna ai progetti
Francesco Sposato - studente e aspirante sviluppatore