Composants Personnalisés Panel
Conseils pour construire des composants d'interface utilisateur personnalisés faisant le pont entre Python (Panel) et JavaScript. Couvre les modèles JSComponent (JS vanilla), ReactComponent (React/JSX), AnyWidget (multiplateforme) et MaterialUIComponent.
Fonctionnalités
- Guide de décision pour choisir le type de composant (JSComponent vs ReactComponent vs AnyWidget vs MaterialUI)
- Flux de travail en deux phases : checklist POC et étapes de finalisation
- Modèles de base : synchronisation d'état, hooks de cycle de vie, importmaps, bibliothèques externes, tests avec Playwright
- Nombreux exemples de code pour les modèles courants et conseils de dépannage
Quand l'utiliser
- Encapsuler des bibliothèques JS (D3, Leaflet, Chart.js) à l'intérieur de composants Panel
- Créer des widgets interactifs avec synchronisation d'état bidirectionnelle Python↔JS
- Intégrer des composants thématiques Material UI via panel-material-ui
Contenu notable inclus
- Modèle POC minimal et checklist de validation
- Exemples de tests Playwright et utilitaires serveur pour les tests UI
- Meilleures pratiques et À FAIRE/À NE PAS pour la mise en production
[Dépôt source] (https://github.com/marcskovmadsen/holoviz-mcp)
Pas encore audité
Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.