Remix.js : parce que pourquoi pas ?

Sorti de l'ombre en 2021, Remix a su séduire une communauté de développeurs en quête de simplicité, de performances, d'une intégration native avec le backend et surtout pour répondre aux besoins d'une communauté d'aller toujours chercher un nouveau framework pour briller en société alors qu'elle n'utilise déjà pas ce qui existe sur le marché à 100% de son potentiel

Mais alors, c'est quoi Remix.js ?

Remix.js en rush B corniche

(Seuls les vrais auront la ref)

Remix.js, c'est un framework full-stack basé sur React, conçu pour tirer parti de la puissance des standards du web. Il met un point d'honneur à respecter les bonnes pratiques, comme la gestion des formulaires (même si, dans les faits, c'est parfois pas loin d'être une FBI : une fausse bonne idée), le rendu côté serveur (SSR), tout en optimisant l'expérience utilisateur avec des chargements ultra-rapides grâce au streaming.

L'idée centrale de Remix : Tout est pensé pour optimiser la navigation et les performances, notamment avec des mécanismes avancés de gestion de la data et des transitions instantanées entre pages.

Les promesses de Remix

Gestion des requêtes simplifiée : Exit les formulaires bricolés et les appels API dispersés partout dans votre code. Remix utilise des loaders et des actions pour centraliser vos flux de données.
Performance intégrée : Grâce au streaming SSR et à la gestion fine des ressources, vos utilisateurs n'attendent (presque) jamais.
Approche "web standard": Remix s'appuie sur ce que les navigateurs font de mieux (ou parfois de pire, coucou FormData)
Full-stack first: Remix intègre parfaitement le backend, ce qui en fait un choix idéal pour les équipes cherchant à éviter les allers-retours incessants entre front et back.

Remix vs. Next.js : un duel qui n'aura pas lieu (trouillards !)

On va pas se mentir, quand on parle de frameworks React, Next.js est celui qui vient tout de suite à l'esprit. Pourtant, au lieu d'opposer les deux frameworks, j'y vois une certaine forme de complémentarité liée au contexte d'un projet.

Ce que Next.js fait bien

Écosystème mature : Sorti en 2016, Next.js est un vétéran. Son écosystème regorge de plugins, de librairies, et d'outils compatibles.
Static Site Generation (SSG): Idéal pour des sites avec du contenu qui change peu (blogs, portfolios).
Flexibilité avec API Routes: Une approche back-end basique mais efficace pour de nombreux cas d'usage.
Une compatibilité totale avec Vercel (on s'attendait pas à moins), qui permet un déploiement rapide

Ce que Remix apporte en plus

Data loading centralisé : Là où Next.js disperse parfois la gestion des données, Remix offre une architecture plus unifiée.
Streaming natif: Remix exploite mieux les standards modernes pour des performances immédiates.
Un respect presque total des standards du web

Next.js est un excellent choix pour beaucoup de cas d'usages classiques, mais Remix brille quand il s'agit d'aller plus loin dans les détails, notamment en termes de performances et de logique serveur.

Pourquoi adopter Remix ?

Si vous cherchez à concentrer vos efforts sur les enjeux métier, Remix pourrait bien devenir votre nouvel allié. Il simplifie la vie des développeurs tout en offrant une expérience utilisateur de premier ordre.

Et si vous êtes encore hésitant, restez dans le coin : dans de prochains hypothétiques articles (le prochain devrait sortir entre demain et 2026), on ira dans le détail des fonctionnalités principales de Remix, comme la gestion avancée des formulaires, les loaders/actions, et bien sûr, son intégration avec vos outils préférés (coucou Sanity.io).

Merci de votre attention

Bisous.