Categoria: React

  • React | Hooks

    React | Hooks

    useState è l’hook più basilare per gestire lo stato locale. Restituisce una coppia di valori: lo stato corrente e una funzione per aggiornarlo. È ideale per valori semplici come stringhe, numeri o booleani. useEffect gestisce gli effetti collaterali, come chiamate API, sottoscrizioni o manipolazione del DOM. Si esegue dopo il rendering e può essere configurato…

  • Node | inserimento ID

    Node | inserimento ID

    Quando si creano i dati di un utente o in generale, il percorso migliore è quello di segnalare al database di creare automaticamente un id univoco. Quando non è possibile perché non abbiamo subito il database a disposizione, è possibile creare dei dati fasulli anche creando degli id dall’applicazione Fake con la data di inserimento…

  • Node | Form

    Node | Form

    Struttura di esempio

  • WordPress | Creare Plugin

    WordPress | Creare Plugin

    La creazione di un plugin WordPress che lavori su Gutenberg si crea una struttura su Node con React come codice dei file. Installare node e le dipendenze npm init npm install Far partire Node npm run start Far partire l’ambiente virtuale. Aprire prima Docker wp-env start Per creare lo zip del plugin da inserire sul…

  • Spread Operator

    Spread Operator

    Lo spread operator (…) è una funzionalità JS che permette di prendere velocemente tutto o parte di un array o oggetto per riutilizzarlo o modificarlo. In JavaScript è molto utilizzato con il metodo Math In React lo potremo usare per richiamare i valori di un prodotto.

  • React | inserire CSS

    React | inserire CSS

    Il codice di React è creato in JSX e per inserire CSS in React ci sono diversi modi che vi vado a esporre. Metodo Classico: inserire il collegamento a un file css Questo è un metodo che vi consiglio di preferire. Si importa un file esterno css all’interno del file in cui abbiamo bisogno la…

  • React

    React

    React è una libreria di Facebook, e perciò dipendente da esso. È diverso da framework come Angular e Vue. Perché usare React? React si basa su Componenti e questo gli permette di avere varie caratteristiche di forza: Cosa devo sapere per impararlo? Ambiente di sviluppo di React Dev environment: HOOK Gli hook devono iniziare tutti…