Modern.js : un framework React progressif
Un framework web progressif basé sur React et Rsbuild. Rsbuild : un outil de construction basé sur Rspack pour le Web, rebaptisé Modern.js Builder.
En bref
- De quoi s’agit-il ?
- Une revue basée sur les sources du README de Modern.js : base React, projets de l'écosystème, benchmark, feuille de route, contributions et licence MIT.
- À qui s’adresse-t-il ?
- Modern.js est présenté dans le README comme un framework React progressif, avec un ensemble d'outils basés sur Rspack et un benchmark public. Le README laisse les détails d'installation, de contribution et de support aux pages externes, et la licence MIT couvre le code tel quel.
- Puis-je l’utiliser commercialement ?
- Oui. MIT est une licence permissive : vous pouvez utiliser, modifier et vendre un logiciel qui en dépend, à condition de conserver les mentions de droit d’auteur et de licence.
- Est-il encore maintenu ?
- Oui. Les derniers commits datent d’il y a 2 jours.
- En quel langage est-il écrit ?
- Principalement TypeScript, d’après les statistiques de langage de GitHub.
Ces réponses reposent sur les données GitHub du projet (dernière synchronisation le 14 septembre 2026) et sur notre analyse. Elles ne constituent pas un avis juridique.
ANALYSE OPEN SOURCE APPROFONDIE
Un framework React conçu pour une adoption progressive
Le README présente Modern.js comme un framework Web progressif basé sur React, et les métadonnées du dépôt ajoutent qu'il repose sur React et Rsbuild. La devise d'ouverture est 'Inspire creativity in modern web development.' Chez ByteDance, Modern.js est utilisé pour construire des frameworks de niveau supérieur qui ont soutenu des milliers d'applications Web. Les développeurs peuvent construire l'interface avec React puis adopter progressivement les fonctionnalités de Modern.js pour le routage, la récupération de données et la gestion d'état. Les métadonnées du dépôt listent 5 031 étoiles, 414 forks et 36 problèmes ouverts, avec main comme branche par défaut.
L'installation renvoie au guide de démarrage rapide
Le README ne contient aucune commande d'installation ni exemple minimal. Il renvoie vers une page de démarrage rapide sur le site de Modern.js ; la page d'accueil est modernjs.dev. Le badge npm en haut pointe vers @modern-js/core et affiche une version et un nombre de téléchargements. Le README est disponible en anglais et en chinois simplifié. Les workflows en ligne de commande, comme la création d'un projet ou le démarrage d'un serveur de développement, ne sont pas décrits dans le README et doivent être vérifiés dans le guide de démarrage rapide ou la documentation du paquet publié.
Quatre projets liés dans l'écosystème
Le README liste quatre projets adjacents et fournit des liens vers leurs dépôts. Rspack est décrit comme un bundler Web rapide basé sur Rust. Rsbuild est un outil de construction Web basé sur Rspack, renommé depuis Modern.js Builder. Rspress est un générateur de sites statiques rapide basé sur Rspack, et Rslib est un outil de développement de bibliothèques basé sur Rspack. Les liens pointent vers la même organisation GitHub web-infra-dev. Le README ne précise pas lesquels de ces projets sont nécessaires à l'exécution de Modern.js ni comment ils sont versionnés ensemble.
Benchmark et feuille de route sont publics
Modern.js maintient un site de benchmark public à l'adresse web-infra-qos.pages.dev pour observer les tendances de métriques clés telles que la taille du bundle, la vitesse de compilation et la taille d'installation. Le README ne donne pas les valeurs actuelles, la méthodologie des tests ni la fréquence d'exécution du benchmark. La feuille de route est suivie dans le problème GitHub 4741, et le README indique qu'elle sera mise à jour régulièrement. Aucune date jalon ni version cible n'apparaît dans le README.
Exemples, contributions et liens communautaires
Un dépôt séparé, modern-js-examples, contient des exemples prêts à l'emploi. Le README renvoie à un guide de contribution et indique que les nouveaux contributeurs sont les bienvenus. Le projet a adopté le Bytedance Open Source Code of Conduct. Une image des contributeurs provenant d'opencollective est intégrée, et une invitation Discord est fournie pour discuter avec l'équipe et les utilisateurs. Le README ne décrit pas le processus de contribution, les délais de réponse ni les attentes envers les mainteneurs au-delà de ces liens.
Crédits et licence MIT
La section Credits indique que certaines implémentations sont modifiées à partir de create-react-app, remix, jest et bundle-require. Elle nomme aussi des paquets spécifiques : @modern-js/bundle-require est modifié à partir de bundle-require, l'API hooks de @modern-js/plugin référence farrow-pipeline, une partie de @modern-js/plugin-data-loader référence remix, et @modern-js/babel-plugin-module-resolver est modifié à partir de babel-plugin-module-resolver. Netlify est remercié pour l'hébergement du site. Le projet est sous licence MIT avec une ligne de copyright 2021-present Modern.js. Le texte MIT accorde la permission d'utiliser, copier, modifier, fusionner, publier, distribuer, sous-licencier et vendre des copies, et précise que le logiciel est fourni sans garantie. Les licences tierces sont listées dans THIRD-PARTY-LICENSE. Le README ne dit rien sur le support de sécurité ou les engagements de maintenance.
Pour Modern.js, commencez par un exemple du dépôt et identifiez le mode d application utilisé avant d ajouter une dépendance. Contrôlez la configuration Rspack, le rendu, le routage et le résultat de production séparément. La feuille de route `Modern.js Roadmap` et le dépôt `modern-js-examples` sont des sources utiles pour distinguer une fonction existante d une intention. Comparez enfin les versions de React, les plugins et la sortie générée dans le projet cible. Le README présente un framework progressif, pas une garantie que chaque module convient à tous les déploiements.
Conclusion éditoriale
Modern.js est présenté dans le README comme un framework React progressif, avec un ensemble d'outils basés sur Rspack et un benchmark public. Le README laisse les détails d'installation, de contribution et de support aux pages externes, et la licence MIT couvre le code tel quel. Pour modern.js, vérifiez la commande ou le fichier cité avant de l intégrer à un usage réel.
Notes de la communauté