WebGPU e AI nel browser: inferenza client-side con JavaScript e TypeScript
Come eseguire modelli di machine learning direttamente nel browser con WebGPU e Transformers.js: caricamento del modello, Web Worker, fallback WASM e limiti di memoria.
← Torna ai Tag
Articoli con il tag "javascript"
42articoli
TypeScript 7.0 e 7.1 in profondità: parallelismo, nuovi default e migrazione
Approfondimento tecnico su TypeScript 7.0 e 7.1: come funzionano --checkers e --builders, perché cambiano i default, cosa è stato rimosso, esempi di migrazione e FAQ.
Vitest: cos'è, come si installa e come usarlo con React 19
Guida pratica a Vitest: installazione, configurazione, come testare componenti React 19 (incluso useActionState), mock con vi, coverage e confronto con Jest e node:test.
Perché 0.1 + 0.2 !== 0.3 in JavaScript (e in quasi ogni linguaggio)
Come funzionano davvero i numeri floating-point IEEE 754, perché non è un bug specifico di JavaScript, e i modi sicuri per confrontare e memorizzare numeri decimali.
I nuovi metodi di Set in JavaScript: union, intersection, difference e gli altri
Le operazioni insiemistiche native arrivate nei motori moderni — union, intersection, difference, symmetricDifference, isSubsetOf, isSupersetOf, isDisjointFrom — con esempi prima/dopo.
Gli errori più comuni con forEach in TypeScript
forEach sembra il metodo più semplice degli array, ma in TypeScript nasconde trappole reali: callback async che TypeScript non segnala, narrowing perso nelle closure, indici impliciti any.
"Uncaught (in promise)": perché il tuo errore async sparisce dalla console
La differenza tra un'eccezione lanciata e una promise rejection non gestita, perché un try/catch attorno non sempre basta, e come catturare correttamente gli errori async.
"Cannot read properties of undefined": l'errore JavaScript più comune, spiegato
Perché compare 'TypeError: Cannot read properties of undefined (reading ...)', le tre cause più comuni, e come optional chaining e nullish coalescing lo prevengono.
Iterator helpers: .map(), .filter() e .take() direttamente sugli iteratori
Perché prima serviva Array.from() per usare map/filter su un iteratore, i nuovi metodi lazy per iteratori, e un esempio pratico con un generatore infinito.
TypeScript 7 e 7.1: cosa cambia con il compilatore nativo
TypeScript 7.0 riscrive il compilatore in Go: build 8-10x più veloci, nuovi default e breaking change. Cosa aspettarsi anche da TypeScript 7.1, in arrivo a novembre 2026.
Sostituire Moment.js, date-fns, Luxon e Day.js con Temporal
Una guida pratica alla migrazione: come fare formattazione, parsing, aritmetica, differenze, confronti e conversioni di fuso orario in Temporal, mappati direttamente sulle chiamate di Moment/date-fns/Luxon/dayjs che già conosci.
using e await using: la gestione esplicita delle risorse in JavaScript
Il problema di dimenticare di chiudere una risorsa quando c'è un'eccezione anticipata, come funzionano Symbol.dispose/Symbol.asyncDispose, e un confronto pratico con try/finally.
React 19: "Cannot update a component while rendering a different component"
Cosa significa questo warning, i due pattern che lo scatenano (stato derivato, callback ref), e come spostare l'update fuori dalla fase di render.
React 19: "Too many re-renders", l'errore del loop infinito spiegato
Perché React lancia 'Too many re-renders. React limits the number of renders...' e le due cause più comuni: setState nel corpo del render e dipendenze instabili negli effect.
"Maximum call stack size exceeded": quando la ricorsione va fuori controllo
Cos'è davvero il call stack, le due cause più comuni di uno stack overflow in JavaScript, e come convertire una ricorsione profonda in versione iterativa.
Temporal: la nuova API JavaScript che (finalmente) sostituisce Date
Cosa non va nel vecchio oggetto Date, come Temporal lo risolve, i tipi principali (PlainDate, ZonedDateTime, Duration...) e a che punto è il supporto nel 2026.
"Cannot access before initialization": la Temporal Dead Zone spiegata
Perché let e const lanciano ReferenceError invece di restituire undefined come var, cos'è davvero la Temporal Dead Zone, e i pattern che la scatenano per errore.
"Objects are not valid as a React child": cosa significa e le tre cause più comuni
Perché JSX non renderizza direttamente un oggetto, i tre casi reali che lo scatenano (Date, oggetti errore, Map/Set), e come correggere ciascuno.
React Server Components: cosa sono e come cambiano il modo di scrivere componenti
Server Components vs Client Components, le direttive 'use client' e 'use server', cosa gira dove, e come si integrano con Suspense e use().
React 19: `use` vs `useContext`, cosa cambia e quando preferirlo
La nuova use() di React 19 si sovrappone a useContext ma viola di proposito le Rules of Hooks. Differenze spiegate con esempi su contesto e promise.
Cos'è (0, foo)() nel codice compilato da webpack/babel
Perché il codice compilato da Babel e webpack racchiude alcune chiamate di funzione in (0, ...)(), e cosa c'entra l'operatore virgola con il valore di this.
React Compiler: il bug della UI congelata nascosto tra due componenti che sembrano entrambi corretti
Un bug del React Compiler dove un componente esce dalla memoizzazione mentre il suo vicino viene memoizzato in silenzio, congelando una UI alimentata da un riferimento stabile. Causa e fix.
TypeScript: l'operatore satisfies, a cosa serve davvero
L'operatore satisfies di TypeScript spiegato con esempi pratici: perché as e le annotazioni esplicite fanno perdere inferenza, e come satisfies risolve il problema senza compromessi.
!function(){}(): cos'è e perché si scrive così una IIFE
Cos'è una IIFE, perché a volte inizia con !, + o void prima di function, e dove si trova ancora oggi nel codice JavaScript.
Il test runner nativo di Node.js: vale la pena lasciare Jest?
Guida pratica a node:test, il test runner integrato in Node.js: setup senza dipendenze, sintassi base, mock, coverage e cosa manca ancora rispetto a Jest.
React Compiler: cosa cambia per chi scrive componenti oggi
Cosa fa davvero il React Compiler, quando useMemo e useCallback diventano superflui, e perché le Rules of React contano più di prima.
Web Worker in JavaScript: come funzionano, quando (e come) usarli
Cos'è il main thread blocking, come creare un Web Worker per spostare calcoli pesanti fuori dalla UI, e quando invece non serve affatto.
CSP avanzata: nonce, strict-dynamic e Trusted Types
Perché unsafe-inline non basta, come funzionano nonce e hash CSP per un sito statico, cos'è strict-dynamic e a cosa serve Trusted Types.
AbortController: come annullare una fetch in JavaScript
Come usare AbortController e AbortSignal per annullare richieste fetch e altre operazioni asincrone, evitando race condition e sprechi di rete.
WebAuthn e Passkey: come funziona davvero l'autenticazione senza password
Come funziona il protocollo WebAuthn dietro le passkey — chiavi pubbliche, attestation, un esempio pratico — e perché non sono solo un'alternativa più comoda alla password.
Node.js - Gennaio 2026 Security Releases
Aggiornamenti di sicurezza per Node.js 25.x, 24.x, 22.x e 20.x: 3 vulnerabilità di gravità elevata, 4 media e 1 bassa. Ecco cosa risolvono e come aggiornare.
javascript:void(0), cos'è?
Cos'è e a cosa serve l'istruzione javascript:void(0), vediamolo con qualche semplice esempio
I proxy in JavaScript
Come funzionano i Proxy JavaScript, alcuni esempi di codice e come usarli per la reattività in JS
Decoratori in JavaScript
Una guida semplice ai decoratori in JavaScript con esempi pratici
Astro trailing slash e i canonical
Come impostare correttamente gli slash negli url e nei tag html canonical di applicazioni basate su Astro
React: useActionState e useFormStatus
Vediamo con alcuni esempi come funzionano i nuovi hook useActionState e useFormStatus di React 19
Come funzionano Error Boundaries in React, con esempi
Come funzionano gli Error Boundaries in React: componenti che catturano gli errori dei figli per migliorare stabilità e affidabilità dell'app.
Debounce e Throttle in JavaScript: Semplice Guida
Differenza ed esempi tra il debounce e il throttle di eventi in javascript
React: event handler e gli hook
Come gestire correttamente gli event handler in React, inclusi gli eventi su window come resize e scroll, evitando gli errori più comuni.
CSP: Content Security Policy, come funziona
Content Security Policy, ovvero CSP sono delle regole che informano il browser su come comportarsi quando deve caricare i contenuti della nostra pagina HTML.
JavaScript: stopPropagation e preventDefault
Come funzionano stopPropagation e preventDefault in JavaScript per controllare la propagazione degli eventi e il comportamento di default del browser.
TypeScript 5.4: nuova utility NoInfer
La nuova utility NoInfer<T> introdotta in TypeScript 5.4 per controllare l'inferenza dei tipi generici, con esempi pratici.