Tu próximo proyecto en React necesita un framework. ¿Remix o TanStack Start?
Si eres líder de equipo y debes elegir entre Remix y TanStack Start, en realidad estás eligiendo entre opiniones empaquetadas y control composable.
Choose Remix if you want a battle-tested, Shopify-backed framework with progressive enhancement and a web fundamentals mental model. Choose TanStack Start if you prioritize end-to-end type safety, TanStack ecosystem integration, and a thinner runtime without React Server Components. Remix is the safer production bet; TanStack Start is the sharper TypeScript-first tool.
Remix (React Router v7 Framework Mode)
Full-stack React framework built on web fundamentals and progressive enhancement
TanStack Start
Type-safe full-stack React framework built on TanStack Router and Vinxi
Feature Comparison
| Feature | Remix (React Router v7 Framework Mode) | TanStack Start |
|---|---|---|
| Devtools | ✗ | ✓ |
| Nested routes | ✓ | ✓ |
| Streaming SSR | ✓ | ✓ |
| Type-safe routing | Partial | ✓ |
| File-based routing | ✓ | ✓ |
| Middleware support | ✓ | ✓ |
| Server-side rendering | ✓ | ✓ |
| Built-in caching layer | ✗ | ✓ |
| Built-in data fetching | ✓ | ✓ |
| Static site generation | ✓ | ✓ |
| Progressive enhancement | ✓ | Partial |
| React Server Components | ✓ | ✗ |
What is Remix (React Router v7 Framework Mode)?
Remix, now shipping as React Router v7 Framework Mode, is a full-stack React framework created by Ryan Florence and Michael Jackson. It's built around web fundamentals — HTTP, forms, and progressive enhancement — and is backed by Shopify. It uses a loader/action data model that mirrors how the web actually works.
What is TanStack Start?
TanStack Start is a full-stack React framework built by Tanner Linsley on top of TanStack Router and the Vinxi server toolkit. It reached stable release in late 2024 and offers the most type-safe routing in the React ecosystem. It deliberately avoids React Server Components, using server functions and TanStack Query for its data layer instead.
Key Differences
Type Safety Philosophy
TanStack Start's type safety is its defining feature. Route params, search params, and loader data are all fully inferred — you never write `params as { id: string }`. Remix requires manual type annotations for loader data and route params, or relies on community tooling like `remix-typedjson`. For TypeScript-heavy teams, TanStack Start's DX is noticeably better.
Data Loading Architecture
Remix uses loaders and actions — HTTP-centric patterns where data flows through request/response cycles with form submissions as the mutation primitive. TanStack Start uses server functions paired with TanStack Query, giving you built-in caching, background refetching, optimistic updates, and cache invalidation as first-class features. Remix's model is simpler; TanStack Start's is more powerful for complex data scenarios.
React Server Components Stance
Remix (React Router v7) has added RSC support, aligning with React's official direction. TanStack Start explicitly skips RSC, using server functions instead. This means TanStack Start has a thinner runtime and avoids RSC's complexity, but Remix is better positioned if RSC becomes the dominant React paradigm. It's a philosophical bet on React's future.
Ecosystem and Maturity
Remix has 3+ years of production usage, Shopify's engineering backing, and extensive documentation. React Router (its underlying library) has 12M+ weekly downloads. TanStack Router sits at ~1.2M weekly downloads and growing fast (+120% YoY), but the Start framework is newer with fewer production case studies. Remix is the conservative choice; TanStack Start is the high-growth bet.
Progressive Enhancement
Remix was designed so that forms and navigation work without JavaScript — the app is functional before client-side React hydrates. TanStack Start doesn't prioritize this. If you're building for users on slow connections, accessibility-critical environments, or government compliance, Remix's progressive enhancement model is a genuine advantage.
Performance Comparison
| Metric | Remix (React Router v7 Framework Mode) | TanStack Start |
|---|---|---|
| TTFB | Fast — streams HTML progressively with deferred loaders | Fast — Vinxi server toolkit with Vite-native HMR and optimized builds |
| Build tool | Vite (since Remix v2.7+) | Vinxi (Vite-based) |
| Cold start | Low — minimal runtime overhead on edge and serverless | Very low — minimal runtime surface area |
| Base JS bundle | ~45KB gzipped | ~40KB gzipped (thinner runtime, no RSC overhead) |
| Lighthouse range | 85-100 | 90-100 |
SEO Comparison
| SEO Feature | Remix (React Router v7 Framework Mode) | TanStack Start |
|---|---|---|
| SSG support | ✓ | ✓ |
| SSR support | ✓ | ✓ |
| Schema markup | ✓ | ✓ |
| Meta tag control | ✓ | ✓ |
| Sitemap generation | ✓ | ✓ |
| Progressive enhancement (no-JS) | ✓ | ✗ |
Remix (React Router v7 Framework Mode)
- 3+ years of production battle-testing with deep documentation and community resources.
- Shopify backing ensures long-term funding and enterprise-grade stability.
- Web fundamentals model means pages work without JavaScript — real progressive enhancement.
- Loader/action pattern is intuitive if you understand HTTP forms and request/response.
- Deployment flexibility is excellent — runs on Node.js, edge runtimes, and serverless without vendor lock-in.
- Type safety for route params and loaders requires manual typing or extra tooling.
- The Remix-to-React-Router-v7 merger created branding confusion that still lingers.
- No built-in integration with TanStack Query — you wire it up yourself if needed.
- RSC support is newer and less mature compared to Next.js's implementation.
TanStack Start
- Best-in-class type safety — route params, search params, and loader data are fully inferred with zero manual typing.
- Thinner runtime with no React Server Components dependency reduces complexity and bundle size.
- Native TanStack Query integration means built-in caching, background refetching, and optimistic updates out of the box.
- Vinxi-based architecture gives you Vite-native DX with fast HMR and modern build tooling.
- TanStack Router Devtools provide excellent visibility into route state, search params, and cache status.
- Younger ecosystem with fewer tutorials, third-party integrations, and community resources than Remix.
- Requires strong TypeScript knowledge — the type system is powerful but has a real learning curve.
- No true progressive enhancement — pages depend on JavaScript more than Remix's form-first approach.
- Smaller corporate backing compared to Remix (Shopify) or Next.js (Vercel).
When to Choose Remix (React Router v7 Framework Mode)
- You want a proven, Shopify-backed framework with years of production track record.
- Progressive enhancement matters — your app should work before JavaScript loads.
- Your team is comfortable with web standards patterns (forms, HTTP, loaders/actions) over type-driven abstractions.
- You need broad deployment targets without vendor lock-in.
When to Choose TanStack Start
- Type safety is your top priority and you want route params, search params, and loader data fully typed without manual annotations.
- You're already using TanStack Router, TanStack Query, or TanStack Table and want a cohesive full-stack story.
- You want to avoid React Server Components complexity and prefer a thinner, more explicit server function model.
- You're building a complex data-driven application where built-in caching and optimistic updates matter.
Can You Migrate?
Yes. We've migrated 5,000+ sites between platforms. We handle data migration, content modeling, frontend rebuilds, and SEO preservation. Every migration is zero-downtime.
Frequently Asked Questions
¿Está TanStack Start listo para producción en 2026?
TanStack Start alcanzó su versión estable a finales de 2024 y lleva funcionando en producción desde entonces. Está construido sobre TanStack Router y Query, librerías que ya impulsan miles de aplicaciones. Su ecosistema es más pequeño que el de Remix, cierto, pero el núcleo del framework aguanta cargas de trabajo reales en producción. Los equipos con proyectos intensivos en TypeScript se sentirán como en casa.
¿Debería migrar de Remix a TanStack Start?
Solo si el enrutamiento con seguridad de tipos y la integración estrecha con el ecosistema TanStack realmente importan en tu proyecto. Remix (ahora React Router v7 Framework Mode) es maduro, cuenta con el respaldo de Shopify y está mejor documentado. Si tu aplicación en Remix funciona bien, migrar introduce riesgos reales con una ganancia mínima, a menos que necesites específicamente la inferencia de TypeScript de TanStack Router, que es genuinamente superior.
¿TanStack Start soporta React Server Components?
TanStack Start no usa React Server Components. En su lugar emplea funciones de servidor, similares a las server actions, para la obtención de datos y las mutaciones. Esto es intencional: evita la complejidad de RSC mientras sigue ofreciendo capacidades full-stack a través del toolkit de servidor de Vinxi y TanStack Query. Obtienes el poder sin la sobrecarga.
¿Qué es CVE-2025-55182 y cómo se relaciona con TanStack Start?
CVE-2025-55182 sometió al ecosistema de frameworks React a un escrutinio serio. Los desarrolladores empezaron a examinar con más atención las alternativas, y TanStack Start atrajo la atención de equipos que buscaban frameworks con runtimes más ligeros y superficies de dependencias más reducidas. Fue un recordatorio de que la postura de seguridad de un framework merece algo más que una mirada superficial.
¿Puedo usar TanStack Query con Remix?
Sí. TanStack Query funciona en cualquier framework React, incluido Remix. Dicho esto, Remix tiene su propio patrón de loaders y actions que cubre la mayoría de las necesidades de obtención de datos sin librerías adicionales. La diferencia con TanStack Start es que Query está integrado en el propio framework: es la capa de datos nativa, no algo que añades después.
¿Qué framework es mejor para SEO: Remix o TanStack Start?
Ambos frameworks soportan SSR y SSG, así que ninguno tiene una desventaja fundamental en SEO. El enfoque de mejora progresiva de Remix significa que las páginas funcionan sin JavaScript por defecto, una ventaja pequeña pero real. TanStack Start te permite activar SSR de forma selectiva por ruta, dándote un control más fino sobre qué se renderiza realmente en el servidor.
¿Cuál es la diferencia de curva de aprendizaje entre Remix y TanStack Start?
Remix tiene una curva de aprendizaje más suave, especialmente si ya entiendes los formularios HTML y las convenciones HTTP. Se apoya en los fundamentos de la web en lugar de abstracciones propias del framework. TanStack Start exige familiaridad con el sistema de tipos de TanStack Router, el toolkit de servidor de Vinxi y los patrones de TanStack Query. TypeScript no es opcional aquí: es prácticamente un requisito previo. Remix, en cambio, funciona perfectamente con JavaScript estándar.
Let's build
something together.
Whether it's a migration, a new build, or an SEO challenge — the Social Animal team would love to hear from you.