React per il frontend dei gestionali Laravel: SPA senza perdere il controllo del backend
Un gestionale complesso a volte chiede un frontend React, ma la SPA porta con sé costi che non tutti i progetti giustificano. Quando React ha senso su un backend Laravel e quando Livewire o Inertia bastano e avanzano: i confini dell'API, la gestione dello stato senza duplicare la logica di business, e i punti dove la SPA aggiunge complessità più che valore. Decisione di architettura frontend motivata dal caso reale, non dall'hype. Continua a leggere
Ultima modifica:
Il monolite PHP regge la maggior parte dei casi, ma per alcuni carichi un microservizio in Node.js e TypeScript è la scelta tecnica corretta: real-time, connessioni persistenti, I/O intensivo concorrente. Quando estrarre un servizio ha senso e quando frammenta l'architettura senza guadagno, i confini da rispettare, e come far convivere i due mondi senza duplicare logica. Decisione di architettura motivata, non moda dei microservizi. 
Se stai scrivendo CSS custom sopra Bootstrap 3 ti serve la lista esatta dei breakpoint della sua griglia, e quella che gira in rete è spesso sbagliata: confonde le dimensioni dei dispositivi con i tre punti reali del framework. Qui trovi i valori corretti, le variabili da cui derivano, e il contesto che conta davvero: Bootstrap 3 è senza supporto dal 2019, quindi sapere i suoi breakpoint serve a manutenere l'esistente, non a costruire il nuovo. 
Un cliente e-commerce con 50.000 prodotti aveva un React SPA che Google non indicizzava correttamente. Ho introdotto Next.js con ISR: le pagine prodotto vengono pre-renderizzate e aggiornate ogni 60 secondi. Il traffico organico è aumentato del 40% in tre mesi senza toccare il backend Laravel. 
Dopo aver migrato tre applicazioni enterprise da Vue 2 Options API a Vue 3 Composition API + TypeScript, ho catalogato i pattern che funzionano in produzione e quelli che sembrano buoni online ma si rivelano problematici a scala. Vi mostro le strutture di composable, store Pinia e i tipi per le API Laravel. 
Ho refactorizzato un'applicazione React con 200 chiamate useMemo e useCallback sparse ovunque - aggiunte da uno sviluppatore convinto che 'più memo = più veloce'. Il profiling ha mostrato che l'80% era controproducente. Vi spiego come identificare i veri colli di bottiglia e quando la memoizzazione aiuta davvero. 
Inertia.js è la soluzione che avrei voluto cinque anni fa: single-page app experience senza costruire un'API REST separata, autenticazione server-side, accesso diretto agli ORM. Ho migrato un gestionale da jQuery a Vue 3 + Inertia + Laravel senza toccare un byte del backend. Il risultato è sorprendente. 
Quando un cliente vuole modernizzare il frontend del suo gestionale senza riscrivere il backend PHP, React + Laravel API è spesso la risposta giusta. Vi mostro l'architettura che uso: Sanctum per l'autenticazione, React Query per lo stato server, Vite per il build e deployment separato su Nginx. 
Un pannello di amministrazione con 30 sezioni costruito con React richiedeva uno sviluppatore frontend dedicato per ogni modifica. L'ho riscritto in Livewire Volt in due settimane: stessa funzionalità, zero JavaScript custom, gestito interamente da un team PHP. Produttività quadruplicata, bundle eliminato. 
Sono da poco incappato per lavoro in un paio di siti davvero interessanti, che ho già salvato tra i bookmark, e che mi toglieranno parecchio lavoro in futuro. In pochi conoscono la potenza delle regole CSS3 per creare degli effetti complessi, soprattutto per quanto riguarda il box shadow, che può davvero essere miscelato e mixato in una vasta gamma di differenti output visivi. Vi linko, quindi, un link che vi aprirà nuovi orizzonti sulla scrittura di regole per il box shadow: Box Shadow in CSS3 by …