Archivi: React | Aulab
Diventa Web Developer certificato con Hackademy+: il 1° corso in Italia con certificazione ufficiale inclusa Scopri di più

tag

react

post_count 42 risultati
cover
GUIDA GRATUITA

Quando evitare gli effetti collaterali in React

Gli effetti collaterali sono il concetto più mal interpretato e impropriamente usato di React. Vediamo una lista di casi in cui potresti essere tentato ad usare un effetto collaterale, e come evitare di farlo. In generale, ci sono due casi in cui gli effetti collaterali non servono mai: per trasformare i dati in JSX per…

GUIDA GRATUITA

Gli effetti collaterali in React

Abbiamo detto che le funzioni pure ci regalano riutilizzabilità, componibilità e confidenza, ma non possiamo rinunciare agli effetti collaterali: avremo sempre bisogno di salvare dati, mandare richieste di rete, modificare strutture di dati. React prevede due momenti in cui possiamo eseguire effetti collaterali, uno per React e uno per noi: Il rendering: l’attività con cui…

GUIDA GRATUITA

Che cos’è una funzione pura

Il prossimo concetto è forse il più delicato da affrontare, perché chi è abituato alla programmazione imperativa, quando lo scopre, non vuole più farne a meno. Vedremo perché questo concetto è così affine alla programmazione imperativa e anche perché, in React, la cosa è molto pericolosa. In programmazione funzionale, che è uno dei quattro grandi…

Vuoi avviare una nuova carriera o fare un upgrade?

Trova il corso Digital & Tech più adatto a te nel nostro catalogo!

GUIDA GRATUITA

Componenti dichiarativi in React

Nel corso di questa guida abbiamo creato un componente, Query, che gestisce le richieste di rete di tipo query al suo interno. La versione “successful” dell’interfaccia, però, è un paragrafo che dice “Success!” senza utilizzare i dati della risposta in nessun modo, e la parte di creazione degli elementi (gestita da TodoItemForm) è completamente sganciata…

GUIDA GRATUITA

Rendering condizionale in React

Abbiamo creato una funzione hook, useQuery, che ci permette di gestire delle richieste di rete, facendole partire non appena il componente che usa useQuery viene chiamato per la prima volta.  Possiamo pensare di creare un componente che rappresenti, tramite interfaccia grafica, una richiesta di rete. Questo ci permetterà di gestire nello stesso modo tutte le…

GUIDA GRATUITA

Esempi di hooks: richieste di rete di tipo query

Ora che sappiamo come creare una funzione hook e abbiamo una classe che rappresenta una richiesta di rete, possiamo pensare di creare una seconda funzione hook, per gestire, stavolta, le richieste di rete di tipo query.  Le richieste di tipo query sono quelle che partono appena viene visualizzata la pagina, per caricare i dati iniziali…

GUIDA GRATUITA

Esempi di hooks: richieste di rete di tipo comando

Nelle sezioni precedenti, abbiamo gestito in modo dichiarativo la richiesta di rete per creare un elemento della lista di cose da fare:   // File: src/components/TodoItemForm.jsx // ... const NetworkRequestType = { idle: "idle", loading: "loading", success: "success", failure: "failure", }; function makeIdleNetworkRequest() { return { type: NetworkRequestType.idle }; } function makeLoadingNetworkRequest() { return {…

GUIDA GRATUITA

Cos’è una funzione Hook in React

Una funzione hook (in italiano “gancio”, “amo”) è un componente senza interfaccia. useState è una funzione hook. Ma se i componenti sono funzioni che restituiscono JSX e una funzione hook è un componente senza interfaccia, allora una funzione hook non restituisce JSX: questo la rende una funzione che non restituisce JSX ..cioè una normale funzione?…

GUIDA GRATUITA

Economia dei componenti in React

In questo momento, la nostra applicazione ha due problemi: Troppo codice nel componente App. È davvero bruttina da vedere; non che il nostro CSS sia da premio, ci stiamo concentrando sui concetti di React, ma così siamo proprio in preda all’aspetto di default del browser. Come possiamo risolvere?  Ci sono due elementi div, rispettivamente con…