Taroify : la bibliothèque de composants Taro React de Vant
API Taroify Vant Taro. Taroify est la version Taro de la bibliothèque de composants mobiles Vant. Les deux sont basés sur les mêmes spécifications visuelles et fournissent des interfaces API cohérentes pour aider les développeurs à créer rapidement de petites applications de programme.
En bref
- De quoi s’agit-il ?
- Une bibliothèque de composants UI Taro React pour mini-programmes et H5, basée sur le langage de conception de Vant, avec types TypeScript, variables de thème et un monorepo de six paquets.
- À qui s’adresse-t-il ?
- Taroify est une bibliothèque de composants Taro React qui suit la spécification visuelle de Vant, avec plus de 70 composants, des types TypeScript et un monorepo de six paquets. La licence MIT autorise l'utilisation, la modification et la distribution, mais le README ne fait aucune déclaration sur le support, la sécurité ou la maintenance future. taroify convient aux lecteurs qui acceptent les limites documentées par taroify/taroify.
- 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 19 septembre 2026) et sur notre analyse. Elles ne constituent pas un avis juridique.
ANALYSE OPEN SOURCE APPROFONDIE
La version Taro React de Vant
Taroify est une bibliothèque de composants d'interface mobile que le README présente comme la version Taro React de Vant, la bibliothèque de composants maintenue par Youzan. Les deux projets partagent la même spécification visuelle et offrent des API presque identiques, de sorte que les développeurs qui travaillent déjà avec Vant peuvent appliquer les mêmes schémas lors de la création d'applications mini-programmes basées sur Taro. Le README décrit Taroify comme léger et fiable, et précise qu'il couvre à la fois les mini-programmes et le H5. Le projet est écrit en TypeScript, et les métadonnées du dépôt confirment TypeScript comme langage principal. La page d'accueil du dépôt est taroify.com, avec des entrées vers le site officiel, le démarrage rapide, la démo en ligne, le CLI/MCP et les discussions. Les métadonnées indiquent également 1 087 étoiles, 122 forks et 15 issues ouvertes ; le projet n'est pas archivé et la branche par défaut est main. Le README ne précise pas quelle version de Vant l'API suit, et il ne liste pas non plus les différences entre les deux bibliothèques.
Installez `@taroify/core` avec `npm install @taroify/core`, puis importez `Button` et `@taroify/core/button/style`. Le README renvoie aussi à `taroify.com/quickstart/` pour la configuration des importations à la demande. Contrôle 1 : cette lecture est limitée aux faits exposés par taroify/taroify et ne transforme pas une affirmation du README en mesure indépendante.
Pour taroify, le contrôle 1 porte sur la sortie et la limite explicitement décrites : consignez ce résultat avec la version du dépôt. Si le comportement diffère, le README de taroify/taroify ne permet pas de conclure seul sur la cause.
Taille des composants, couverture de tests et variables de thème
Le README avance plusieurs affirmations concrètes sur la bibliothèque. La taille moyenne des composants est annoncée sous 1 Ko (min+gzip). La bibliothèque contient plus de 70 composants couvrant les scénarios mobiles courants. La couverture des tests unitaires est indiquée au-dessus de 90 pour cent. Le système de thème expose plus de 700 variables, et la bibliothèque prend en charge les importations à la demande et le Tree Shaking. Le README mentionne aussi une documentation chinoise complète, des exemples de composants et le support de React, mais il ne dit pas quelles versions de React sont prises en charge ni comment la compatibilité avec une version majeure de React est vérifiée. Il n'explique pas comment la moyenne de 1 Ko a été calculée, dans quels scénarios les 70+ composants sont regroupés, ni comment le pourcentage de couverture a été mesuré. La liste complète des variables de thème et la méthode recommandée pour les remplacer ne sont pas non plus incluses et sont laissées au site de documentation.
Installez `@taroify/core` avec `npm install @taroify/core`, puis importez `Button` et `@taroify/core/button/style`. Le README renvoie aussi à `taroify.com/quickstart/` pour la configuration des importations à la demande. Contrôle 2 : cette lecture est limitée aux faits exposés par taroify/taroify et ne transforme pas une affirmation du README en mesure indépendante.
Pour taroify, le contrôle 2 porte sur la commande, le fichier ou l API cités dans cette section : consignez ce résultat avec la version du dépôt. Si le comportement diffère, le README de taroify/taroify ne permet pas de conclure seul sur la cause.
Installer @taroify/core et afficher un bouton
Le README documente l'installation via npm, Yarn et pnpm. La commande npm est npm install @taroify/core, et les commandes équivalentes sont yarn add @taroify/core et pnpm add @taroify/core. L'exemple d'utilisation importe Button depuis @taroify/core, importe le style du bouton depuis @taroify/core/button/style, et affiche un bouton avec la propriété color définie sur primary. C'est le seul exemple complet de composant dans le README. Le README recommande de configurer les importations automatiques à la demande pour un code source plus propre et des artefacts de build plus petits, et renvoie à la page de démarrage rapide sur taroify.com pour la configuration complète. Les étapes exactes de configuration ne figurent pas dans le README ; il ne dit pas si un plugin Babel, une configuration PostCSS ou des modifications des fichiers de build Taro sont nécessaires. Il ne précise pas non plus quelles versions de Taro ou de React un projet existant doit satisfaire avant d'installer Taroify.
Installez `@taroify/core` avec `npm install @taroify/core`, puis importez `Button` et `@taroify/core/button/style`. Le README renvoie aussi à `taroify.com/quickstart/` pour la configuration des importations à la demande. Contrôle 3 : cette lecture est limitée aux faits exposés par taroify/taroify et ne transforme pas une affirmation du README en mesure indépendante.
Pour taroify, le contrôle 3 porte sur la sortie et la limite explicitement décrites : consignez ce résultat avec la version du dépôt. Si le comportement diffère, le README de taroify/taroify ne permet pas de conclure seul sur la cause.
Six paquets dans un monorepo
Taroify est organisé en monorepo avec six paquets qui peuvent être installés et combinés indépendamment. @taroify/core contient les composants UI de base et le système de thème. @taroify/icons fournit des composants d'icônes Taro React. @taroify/hooks contient des hooks React pour les composants et les scénarios métier. @taroify/commerce ajoute des composants pour les scénarios de commerce électronique. @taroify/cli est décrit comme un CLI de connaissances de composants hors ligne, un MCP et un Agent Skill, tandis que @taroify/mcp est un service MCP autonome. Le README ne donne qu'une description d'une ligne pour chaque paquet. Il ne précise pas quels composants de commerce électronique se trouvent dans @taroify/commerce, comment la base de connaissances du CLI est maintenue, ce que désigne l'Agent Skill, ni comment le service MCP est censé être utilisé en pratique. Les détails sur les dépendances entre les paquets, la stratégie de version et l'alignement des versions manquent également ; un lecteur devrait consulter les pages npm ou le site de documentation.
Installez `@taroify/core` avec `npm install @taroify/core`, puis importez `Button` et `@taroify/core/button/style`. Le README renvoie aussi à `taroify.com/quickstart/` pour la configuration des importations à la demande. Contrôle 4 : cette lecture est limitée aux faits exposés par taroify/taroify et ne transforme pas une affirmation du README en mesure indépendante.
Pour taroify, le contrôle 4 porte sur la commande, le fichier ou l API cités dans cette section : consignez ce résultat avec la version du dépôt. Si le comportement diffère, le README de taroify/taroify ne permet pas de conclure seul sur la cause.
Prise en charge des navigateurs et développement local
Le README indique que Taroify prend en charge les navigateurs modernes ainsi que Chrome 51 et supérieur et iOS 10.0 et supérieur. Il ne mentionne pas les versions d'Android ni les exigences de version pour les plateformes de mini-programmes spécifiques, et il ne décrit pas comment ces cibles navigateurs sont testées. Pour le développement local, le flux documenté consiste à cloner le dépôt, exécuter pnpm run install:node_modules pour installer les dépendances racine, workspace et site web, puis exécuter pnpm develop pour démarrer les exemples de composants H5 et le site de documentation. Le README renvoie au guide de contribution pour la structure du dépôt, le développement de composants et les conventions de commit, mais il ne résume pas ces conventions. Il ne liste pas non plus les versions minimales de Node.js ou de pnpm pour l'installation locale. Les badges de statut CI et de couverture de code apparaissent dans le README, mais le pipeline CI lui-même n'est pas décrit.
Installez `@taroify/core` avec `npm install @taroify/core`, puis importez `Button` et `@taroify/core/button/style`. Le README renvoie aussi à `taroify.com/quickstart/` pour la configuration des importations à la demande. Contrôle 5 : cette lecture est limitée aux faits exposés par taroify/taroify et ne transforme pas une affirmation du README en mesure indépendante.
Pour taroify, le contrôle 5 porte sur la sortie et la limite explicitement décrites : consignez ce résultat avec la version du dépôt. Si le comportement diffère, le README de taroify/taroify ne permet pas de conclure seul sur la cause.
Communauté, remerciements et licence MIT
Le README invite à participer via les issues GitHub, les pull requests et les discussions, et fournit un lien vers le journal des modifications. Il remercie tous les contributeurs, crédite @BiscuitCoder pour une partie du design graphique, et remercie l'équipe Vant pour la spécification visuelle et une grande partie de l'expérience des composants, ainsi que JetBrains pour le soutien en outils de développement. Il liste également les projets officiels de l'écosystème Vant (Vant, Vant Weapp, Vant Demo, Vant CLI, Vant Icons, Vant Touch Emulator) et des projets communautaires (React Vant, mockm, taro-hooks, tarojs-router-next) comme liens de référence, sans indiquer de relation de code ou de dépendance entre Taroify et ces projets. La licence est MIT, copyright 2021-présent Zhi Tang. Le texte MIT autorise l'utilisation, la copie, la modification, la fusion, la publication, la distribution, la sous-licence et la vente de copies du logiciel, et précise que le logiciel est fourni tel quel, sans garantie. La licence ne dit rien sur le support, la sécurité ou les engagements de maintenance, et le README ne fait pas non plus de telles promesses.
Installez `@taroify/core` avec `npm install @taroify/core`, puis importez `Button` et `@taroify/core/button/style`. Le README renvoie aussi à `taroify.com/quickstart/` pour la configuration des importations à la demande. Contrôle 6 : cette lecture est limitée aux faits exposés par taroify/taroify et ne transforme pas une affirmation du README en mesure indépendante.
Pour taroify, le contrôle 6 porte sur la commande, le fichier ou l API cités dans cette section : consignez ce résultat avec la version du dépôt. Si le comportement diffère, le README de taroify/taroify ne permet pas de conclure seul sur la cause.
Conclusion éditoriale
Taroify est une bibliothèque de composants Taro React qui suit la spécification visuelle de Vant, avec plus de 70 composants, des types TypeScript et un monorepo de six paquets. La licence MIT autorise l'utilisation, la modification et la distribution, mais le README ne fait aucune déclaration sur le support, la sécurité ou la maintenance future. taroify convient aux lecteurs qui acceptent les limites documentées par taroify/taroify. Il ne convient pas à une décision fondée sur des promesses non accompagnées d exemples ou de mesures dans le README. Commencez par l entrée propre au projet, puis vérifiez la sortie, les dépendances et le comportement d erreur décrit dans ses fichiers.
Notes de la communauté