🚀 Remix agora é React Router v7 por baixo dos panos — e isso muda tudo.
Se você ainda não viu: o time do Remix unificou de vez a arquitetura com o React Router v7. Antes, Remix tinha uma arquitetura própria de roteamento + carregamento de dados (loaders/actions), mas agora tudo isso está 100% baseado no React Router v7. Isso significa:
🔄 O que mudou: remix.config.js já não define mais rotas diretamente.
Agora as rotas são criadas com createBrowserRouter() ou createStaticHandler(), igualzinho no React Router.
Loaders e Actions seguem o mesmo padrão entre Remix e apps React standalone.
useLoaderData, useActionData, Form, fetcher etc continuam, mas são parte do React Router agora.
✅ O que isso traz: Padronização: React Router + Remix compartilham tudo, desde a navegação até o carregamento de dados.
Interoperabilidade: Você pode começar com React Router e migrar pra Remix sem reescrever tudo.
Server-side mais flexÃvel: com createStaticHandler, dá pra montar apps com SSR/SSG do jeito que quiser — não depende mais do "jeito Remix" de fazer as coisas.
✨ Na prática: Se você usa Remix:
Agora você tá usando React Router v7, mesmo que não perceba.
Seu app pode ser exportado pra rodar em um servidor Express, Vite, ou até em serverless sem amarras.
Se você usa React Router:
Você pode adicionar loaders/actions e fazer seu app parecer um Remix, sem mudar de framework.
Tudo indica que Remix em sà vai ser substituido pelo RRV7 e isso é bom.
Tudo indica que Remix em sà vai ser substituido pelo RRV7 e isso é bom.
Sim, "tudo", até o blog/documentação: https://remix.run/blog/merging-remix-and-react-router
Update (Dec 2024): React Router v7 has been released!
We now recommend starting all new projects with React Router v7 and upgrading existing Remix apps.
https://reactrouter.com/upgrading/remix
React Router v7 is the next major version of Remix after v2 (see our "Incremental Path to React 19" blog post for more information).
Remix e React Router parecem uma grande bagunça. Uma biblioteca para cuidar do roteamento que foi reescrita várias vezes. Um framework que era pago no inÃcio, depois virou gratuito, e agora é uma biblioteca de roteamento... Ou a biblioteca virou um framework?
Não sou o único confuso, mas talvez quem use a biblioteca e o framework no dia a dia tenha uma opinião diferente. Particularmente, eu me sentiria mais confortável com algo mais estável.
Eu utilizo o react-router v7 framework mode. É bem mais simples do que parece, eu o utilizo em detrimento do nextjs por me dar mais liberade sobre o ssr e ao backend.
Conheci o remix procurando algo dinâmico pra desenvolver jogos 2.5d, mas não precisei chegar nesse nÃvel de profundidade igual explica no post, vou procurar me interar do assunto :D