denel91 / react-hooks

Come usare questa Repo

1. Scaricare lo Zip oppure Clonare la Repo.

2. Entrare all'interno del progetto dal terminale cd/nome-progetto

2.5 ( opzionale ) - Come utilizzare versione node consigliata da progetto:

• installare nvm link documentazione (Windows):
• usare il comando nel terminale type .\.nvmrc | %{$_ -replace "v",""} | %{nvm install $_}
• usare il comando type .\.nvmrc | %{$_ -replace "v",""} | %{nvm use $_}

(Mac / Linux)

• Usare il comando nvm install
• Usare il comando nvm use

Per approfondimenti su nvm e altri utilizzi fare riferimento alla [documentazione ufficiale](installare nvm link documentazione che è super dettagliata ed aggiornanta

3. lanciare il comando npm install

4. entrare nella lezione da seguire dove troverete 2 cartelle: inizio e risultato.

Inizio contiene uno o più file .js con già gli import basilari necessari
Riusltato il risultato della lezione che stai seguendo (troverai anche un file .css già precompilato)

5. lanciare npm run start

Perchè questa impostazione

Questo è un corso di React, non di css, nè di bootstrap tantomeno di HTML o javascript
Seguire l'impostazione di Cartelle, CSS, styling generale porterebbe via troppo tempo
che non potremmo più dedicare all'apprendimento di React.js.\

Cercherò di spiegare il più possibile funzioni e metodi in Vanilla Javascript (javascript puro).\

Progetti Rispetto all'avanzamento del corso

0. Link all Repo dei progetti: https://github.com/OmarDeAngelis/react-tutorial-base Link per visionare i progetti: https://hpv4learning.it/corso-react-hook-teoria-progetti/?scrollTo=projects

Dopo aver concluso la sezione riguardo useState Hook

1. Appuntamenti: https://appuntamenti-app.netlify.app/

Dopo aver concluso useEffect e Render Condizionale

2. Dark-mode: https://dark-mode-tutorial.netlify.app/
3. Vacanze: https://vacanze.netlify.app/
4. Slider: https://slider-tutorial.netlify.app/
5. Gelateria: https://gelateria-tutorial.netlify.app/

Dopo aver concluso la sezione riguardo a Form e useRef

6. Color-Grading: https://color-grading-tutorial.netlify.app/
7. Navbar: https://navbar-tutorial.netlify.app/

Dopo aver concluso la sezione riguardo ad useReducer, propDrilling e useContext

8. Sidebar: https://sidebar-tutorial.netlify.app/
9. Cart: https://cart-tutorial.netlify.app/

Dopo aver concluso la visione di tutte le puntate di teoria Base

10. Cocktail: https://wiki-drink.netlify.app/