Sviluppare applicazioni React non è mai stato così semplice grazie a json-server, uno strumento essenziale per simulare API REST durante lo sviluppo. Questa guida passo-passo spiega come configurare un server finto partendo da zero, ideale per principianti che vogliono passare da un’app base a un progetto reale.
Per iniziare, installa json-server globalmente con npm e crea un file db.json contenente i tuoi dati iniziali, come una lista di supereroi o utenti. Aggiungi dipendenze come uniqid per generare ID unici e concurrently per lanciare simultaneamente l’app React sulla porta 3000 e il server JSON sulla 3001, modificando gli script nel package.json.
Una volta avviato, testa le operazioni CRUD: effettua richieste GET per recuperare dati via browser o codice, come fetch('http://localhost:3001/superheroes'). Per le richieste POST, usa fetch con metodo POST, headers JSON e body stringify per inviare nuovi elementi, simulando salvataggi reali sul server.
json-server supporta filtri, ordinamenti e paginazioni tramite parametri URL, rendendolo perfetto per prototipi rapidi senza backend complessi. Integra tutto in React con funzioni come getAll() per listing e sendToServer() per aggiunte, gestendo risposte e aggiornamenti stato in modo fluido.
Questa tecnica accelera il workflow dev, permettendo di focalizzarsi su frontend e logica app senza dipendere da server remoti.
