Progetto React con Storybook

Questo progetto è stato creato utilizzando Create React App (CRA) e include Storybook per la documentazione e lo sviluppo delle componenti React in isolamento.

Come iniziare

Segui i passaggi seguenti per avviare il progetto localmente sul tuo computer.

1. Installazione di Node.js con NVM:

   Se non hai già Node.js installato, ti consiglio di utilizzare Node Version Manager (NVM) per gestire le versioni di Node.js. Puoi installare NVM seguendo le istruzioni sulla pagina GitHub di NVM.

   # Installa NVM
   curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
   
   # Rendi disponibile NVM nel terminale corrente
   export NVM_DIR="$HOME/.nvm"
   [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
   [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"

2. Clona il repository:

   git clone https://github.com/tuonome/progetto-react-storybook.git
   cd progetto-react-storybook

3. Utilizza la versione di Node.js specificata nel file .nvmrc:

   nvm use

4. Installa le dipendenze:

   npm install

5. Avvia l'applicazione:

   npm start

   L'applicazione sarà disponibile all'indirizzo http://localhost:3000.

6. Avvia Storybook:

   npm run storybook

   Storybook sarà disponibile all'indirizzo http://localhost:6006.

Ora puoi iniziare a sviluppare le tue componenti React all'interno di Storybook e visualizzare il risultato nell'app principale.

Struttura del progetto

• src/: Contiene il codice sorgente dell'applicazione React.
• stories/: Contiene i file di storie per Storybook. Puoi aggiungere nuove storie per documentare e testare le tue componenti.

Comandi disponibili

• npm start: Avvia l'applicazione React in modalità sviluppo.
• npm run build: Compila l'applicazione React per la produzione.
• npm test: Esegue i test dell'applicazione.
• npm run storybook: Avvia Storybook.
• npm run build-storybook: Compila Storybook per la produzione.

Personalizzazione

Puoi personalizzare questo progetto in base alle tue esigenze aggiungendo nuove funzionalità, stili o configurazioni. Assicurati di consultare la documentazione di Create React App e Storybook per ulteriori dettagli.

Risoluzione dei problemi

Se incontri problemi durante l'avvio o lo sviluppo, consulta la documentazione di Create React App e Storybook o cerca soluzioni online. Puoi anche aprire un problema nel repository se il problema persiste.

Buon sviluppo! 🚀