React
Remix vs Next.js
Remix v2 è confluito in React Router v7: il confronto nel 2026 è tra React Router e Next.js. Loader e action contro Server Components, con i costi reali.
In sintesi
- Remix v2 non è più il nome da cercare: la migrazione ufficiale è React Router v7 in framework mode.
- React Router vince su loader, action e miglioramento progressivo; Next.js vince su Server Components e rendering statico.
- Il catalogo EneUI indicizza 111.985 componenti React al 1 novembre 2026, ma nessuno dichiara se è compatibile con il data loading del tuo framework.
Remix non è più un framework separato: dalla fine del 2024 il suo modello vive dentro React Router v7. Nel 2026 il confronto utile è quindi React Router v7 contro Next.js, non Remix contro Next.js.
La differenza sta nel modo in cui i dati arrivano alla pagina. React Router usa loader e action legati alle route; Next.js usa Server Components e Server Actions. Entrambi funzionano, ma cambiano il punto in cui scrivi il codice.
Cosa resta del modello Remix
| Aspetto | React Router v7 | Next.js App Router |
|---|---|---|
| Dati in lettura | Loader per route | Server Component asincrono |
| Mutazioni | Action con form e progressive enhancement | Server Action con form |
| Rendering | SSR, SPA mode e prerender | Statico, dinamico e streaming |
| Router | File route e route annidate | Cartelle e layout annidati |
Il miglioramento progressivo non è un dettaglio
Un form con action funziona anche prima che il JavaScript arrivi. È la ragione per cui React Router resta una scelta solida per prodotti che devono funzionare su reti lente o su dispositivi vecchi. Next.js può fare lo stesso con le Server Action, ma il modello mentale è diverso e richiede più disciplina sui confini client.
Prova in dieci minuti
# React Router v7 in framework mode
npx create-react-router@latest rr-app
cd rr-app && npm install && npm run dev
# Next.js equivalent
npx create-next-app@latest next-app --ts --appCostruisci la stessa lista con un form di creazione. In React Router scrivi un loader e un'action; in Next.js scrivi un Server Component e una Server Action. Conta le righe e i file toccati.
Dove vince React Router
- Form nativi: loader e action leggono la richiesta e restituiscono dati senza stato globale.
- Route annidate: ogni livello carica i propri dati e gestisce il proprio errore.
- Meno magia: il confine tra server e client è esplicito nel codice che scrivi.
Dove vince Next.js
- Server Components: il componente che legge i dati non arriva al browser.
- Rendering statico: pagine marketing e documentazione restano veloci senza un server Node.
- Ecosistema: hosting, immagini, font e analytics sono integrati e documentati.
Il limite che riguarda il catalogo
I 111.985 componenti del catalogo sono React, ma un componente che usa useState funziona in entrambi i framework solo se resta un Client Component. Un componente che importa un hook dentro un Server Component fallisce in Next.js, mentre in React Router il problema non esiste. Il catalogo non dichiara questo confine: va letto il codice.
Licenze e provenienza
React Router v7 è MIT e Next.js è MIT. La licenza del framework non copre i componenti che installi: controlla il record nel catalogo e la dipendenza che porta con sé.
Nel catalogo: la libreria shadcn, il record della sidebar e 1.556 blocchi con anteprima. Le guide: la porta del dev server Remix e la struttura dell'App Router; il confronto: librerie React misurate.
Domande frequenti
Remix esiste ancora nel 2026?
Remix v2 è stato assorbito da React Router v7, che ne mantiene loader, action e route annidate. Per un progetto nuovo parti da React Router v7, non da un template Remix v2.
Devo migrare un'app Remix v2?
Sì, se vuoi aggiornamenti e supporto. La guida ufficiale copre il passaggio a React Router v7, ma le modifiche a route e import richiedono un branch dedicato.
React Router supporta i Server Components?
Non è il suo modello principale. React Router punta su loader e action; per Server Components la scelta naturale resta Next.js.
Next.js può funzionare senza JavaScript sul client?
Le pagine statiche sì, ma un'app con Server Action e componenti interattivi richiede JavaScript. Il miglioramento progressivo puro è più semplice in React Router.
Quale sceglie un'azienda con un team React?
Dipende dal rendering: Next.js se servono pagine statiche e Server Components, React Router se il prodotto è un'app con form e dati per route. Il team React si adatta a entrambi.