Ce n'est pas ce que j'attendais, mais peut-être ce dont nous avons besoin

L'auteur présente l'annonce d'un nouveau framework JavaScript full-stack créé par Ryan Florence et Michael Jackson, les créateurs de Remix JS et auteurs originaux de React Router. Il s'agit de Remix version 3, qui n'est pas simplement une mise à jour mais un framework entièrement nouveau. L'auteur promet d'expliquer ce que c'est, de donner son avis sur sa nécessité et d'évaluer ses chances de succès à une époque où les grands modèles de langage génèrent principalement des applications React. Cette introduction établit le cadre pour une analyse approfondie d'une nouvelle technologie dans un écosystème JavaScript déjà saturé.

Remix est expliqué comme un méta-framework React, alternative à Next.js, lancé il y a quelques années avec la version 2 sortie en 2022. En 2024, Remix v2 a été fusionné avec React Router, permettant à ce dernier de fonctionner soit comme simple bibliothèque de routage soit comme framework full-stack aidant à la récupération et mutation de données. Cette fusion a soulevé des questions sur l'avenir de la marque Remix, qui devient maintenant un framework entièrement nouveau avec la version 3, indépendant de React. L'auteur souligne qu'il s'agit d'un framework écrit de zéro avec toutes les fonctionnalités que les créateurs souhaitent voir, visant à résoudre les problèmes de l'écosystème JavaScript et React actuels.

L'auteur explique la fonctionnalité centrale 'this.update' qui a fait des vagues sur X (Twitter). Cette approche implique deux aspects importants : l'utilisation du mot-clé 'this', peu utilisé dans le JavaScript moderne, et surtout le contrôle manuel des mises à jour d'interface. Contrairement à React où setState déclenche automatiquement un re-render, dans Remix v3 l'état est géré dans des variables standard et les développeurs doivent appeler explicitement 'this.update' pour déclencher une mise à jour de l'interface. Cette approche donne un contrôle total aux développeurs mais représente un changement radical par rapport aux frameworks modernes qui gèrent automatiquement les mises à jour. L'auteur note que bien que l'ancienne approche fonctionne bien, elle peut créer de la confusion dans des applications complexes.

Le framework expose quelques API supplémentaires via 'this' mais reste volontairement simple et ciblé pour offrir une bonne expérience développeur. Un objectif clé est la facilité d'utilisation par les grands modèles de langage, car aucun LLM n'a été entraîné sur cette nouvelle base de code (80% des exemples de code front-end étant en React avec shadcn). Remix v3 s'appuie fortement sur les primitives web natives des navigateurs modernes : événements natifs, événements personnalisés, signaux d'abandon pour la communication de démontage des composants. L'auteur souligne que les développeurs web n'ont pas suivi les capacités des navigateurs modernes et que beaucoup d'API natives sont méconnues. L'approche de Remix est d'exploiter ces capacités intégrées pour éviter les bibliothèques tierces supplémentaires tout en gardant l'API simple, expressive et facile à comprendre pour les humains comme pour les LLM.

Malgré l'approche innovante, les développeurs créeront toujours des composants en utilisant des fonctions et du code JSX. Remix v3 adopte une approche rappelant l'ancien React (2017) avec deux types de composants, mais toujours basés sur des fonctions. Une fonction retournant directement du JSX est un composant stateless qui ne peut pas appeler 'this.update' pour se mettre à jour lui-même (seulement si le parent se re-rend). Pour créer un composant stateful, la fonction doit retourner une autre fonction qui retourne le JSX. Cette fonction interne peut alors utiliser 'this.update' et sera exécutée à nouveau lors des mises à jour. Il n'y a pas de hooks dans ce système. L'auteur présente cela comme une API très simple pour différencier les composants stateful des stateless, offrant une alternative plus claire à la complexité actuelle de React.

Remix v3 n'est pas seulement un framework front-end mais vise à être full-stack, combinant front-end et back-end sans React. Une bibliothèque de composants de formulaires complexes sera également fournie. Côté backend, le framework inclut un routeur puissant (l'équipe ayant 10 ans d'expérience avec React Router), la capacité de retourner du JSX et des composants Remix dans les routes avec hydratation serveur. Ils proposent leur propre alternative aux React Server Components, plus simple, permettant de retourner un composant qui peut se mettre à jour après le rendu initial en récupérant des parties du DOM depuis le serveur. Par exemple, lors d'une suppression, une requête client-serveur peut récupérer du HTML réhydratable pour mettre à jour des parties spécifiques du DOM. L'objectif est d'offrir toutes les fonctionnalités pour construire des applications full-stack modernes et rapides, type SPA, comme Next.js ou Tanstack Start, mais de manière plus simple.

L'auteur aborde les questions critiques : en a-t-on besoin et va-t-il réussir ? Bien qu'il y ait beaucoup de frameworks JavaScript, l'auteur pense que l'innovation avec de nouvelles idées reste bénéfique. Il ne voit pas l'intérêt d'un framework identique à React avec de petites différences, mais une approche entièrement nouvelle avec mise à jour manuelle mérite d'être essayée comme alternative plus simple à React devenu complexe. Pour le succès, bien que les LLM recommandent généralement React par défaut, les développeurs expérimentés pourraient être intéressés car ils touchent encore leur code, le peaufinent et se soucient de leur pile technologique. Tant que le framework est facile à utiliser avec les LLM (une priorité claire de l'équipe) avec suffisamment de ressources d'apprentissage, il a des chances valables malgré le marché encombré. L'auteur reste optimiste mais reconnaît les défis.

Un élément crucial : Shopify a racheté Remix en 2022, intégrant l'équipe dans l'entreprise. Shopify est clairement intéressé par un framework activement maintenu, possiblement pour les boutiques Shopify elles-mêmes, pas seulement pour les pages internes de l'entreprise. L'objectif pourrait être d'offrir Remix comme option aux vendeurs Shopify pour construire leurs propres boutiques, vitrines et pages personnalisées. Avoir un framework facile à utiliser et compatible avec les LLM pourrait être énorme pour cet écosystème. Bien que ce ne soit pas une garantie, le soutien de Shopify apporte beaucoup de valeur. L'auteur est positif sur l'avenir de Remix grâce à sa petite mais enthousiaste communauté et l'historique impressionnant de l'équipe (React Router). Il est excité d'essayer le framework lui-même quand il sera disponible et encourage les spectateurs à partager leurs réflexions et à regarder la conférence complète de quatre heures pour plus de détails.