webf-native-ui-dev
Develop custom native UI libraries based on Flutter widgets for WebF. Create reusable component libraries that wrap Flutter widgets as web-accessible custom elements. Use when building UI libraries, wrapping Flutter packages, or creating native component systems.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Develop custom native UI libraries based on Flutter widgets for WebF. Create reusable component libraries that wrap Flutter widgets as web-accessible custom elements. Use when building UI libraries, wrapping Flutter packages, or creating native component systems.
How to use
Zainstaluj skill webf-native-ui-dev w swoim projekcie WebF. Skill zawiera narzędzia CLI do generowania struktury biblioteki komponentów.
Zdefiniuj komponenty TypeScript, które będą opakowywać widgety Flutter. Utwórz interfejsy dla właściwości komponentów i zdarzeń, które będą dostępne dla deweloperów JavaScript.
Skonfiguruj definicje typów (.d.ts), aby komponenty były w pełni typizowane dla użytkowników w TypeScript i React/Vue. Skill automatycznie generuje część kodu na bazie Twoich specyfikacji.
Opakuj wybrane pakiety Flutter, eksponując ich widgety jako niestandardowe elementy WebF dostępne z JavaScriptu. Upewnij się, że komponenty działają z React, Vue i vanilla JavaScript.
Opublikuj swoją bibliotekę jako pakiet npm z wygenerowanymi definicjami typów. Skill wspiera cały proces przygotowania i publikacji pakietu.
Testuj komponenty w aplikacjach webowych, aby upewnić się, że mostek między Flutter a JavaScript działa prawidłowo i że wydajność jest zadowalająca.