hippy

Hippy es un framework de desarrollo multiplataforma de Tencent que busca permitir a los desarrolladores escribir una vez y ejecutar en múltiples plataformas, incluyendo iOS, Android y Web. Se posiciona como amigable para desarrolladores web, especialmente aquellos ya familiarizados con React o Vue, y brinda soporte oficial para esos dos frameworks web. Características clave descritas en el README: - Mismas APIs en diferentes plataformas. - Comunicación entre la capa de JavaScript y el código nativo mediante el enlace del motor JS. - Un componente reciclable integrado destinado a un mejor rendimiento. - Una ruta para migrar sin problemas al navegador web. - Soporte completo para el motor de diseño Flex, a través del proyecto Taitank de Tencent. El README indica que Hippy se usa en productos de Tencent como Mobile QQ, Mobile QQ Browser, Tencent Video, QQ Music y Tencent News. Para comenzar se cubre la preparación del entorno (git, npm, git-lfs para archivos so/gz/otf), y luego la compilación de demos para iOS y Android. En macOS, se requieren Xcode con el SDK de iOS, Android Studio con NDK y Node.js; se recomienda Homebrew para dependencias. En Windows, se admiten Android Studio con NDK y Node.js, pero el desarrollo de iOS no es posible. Para iOS, el flujo de trabajo es: clonar el repositorio y ejecutar npm install en la raíz; cd a driver/js; ejecutar npm run init (que combina npm install, npx lerna bootstrap y npm run build); elegir un demo con npm run buildexample (hippy-react-demo, hippy-vue-demo o hippy-vue-next-demo); instalar CocoaPods y cmake, ejecutar pod install en framework/examples/ios-demo; luego abrir HippyDemo.xcworkspace en Xcode y compilar. Para Android, el README recomienda un teléfono real en lugar de un emulador, señalando que el motor JS X5 no admite simuladores x86 y que los simuladores ARM tienen un rendimiento deficiente. Después de los mismos pasos de init y buildexample, el proyecto raíz se abre en Android Studio, se conecta un dispositivo con depuración USB habilitada, y se ejecuta e instala el APK. La depuración del demo JS implica ejecutar npm run init:example y npm run debugexample con un demo elegido y el indicador de desarrollo. En modo de depuración, paquetes como @hippy/react, @hippy/vue y @hippy/vue-next se vinculan a los directorios dist de driver/js/packages en lugar de node_modules, por lo que se necesita reconstruir después de cambios en el código fuente. Las compilaciones de producción usan npm run hippy:vendor y npm run hippy:build para producir paquetes vendor e index para Android e iOS, con DllPlugin dividiendo los fragmentos comunes y de la aplicación. La estructura del repositorio incluye devtools, una capa DOM, capas de driver (con el driver JS que contiene ejemplos y paquetes como hippy-react, hippy-react-web, hippy-vue, hippy-vue-css-loader, hippy-vue-loader, hippy-vue-native-components y hippy-vue-router), código de framework para Android e iOS más ejemplos, un motor de diseño, módulos para Android y footstone, renderizadores para Flutter y nativo (Android/iOS), y recursos estáticos. La documentación está disponible en framework.tds.qq.com, con ejemplos en el repositorio y notas de versión en los lanzamientos de GitHub. El proyecto tiene licencia Apache-2.0 y acepta contribuciones bajo una guía de contribución, con una organización de ecosistema en hippy-contrib y el motor de diseño Taitank como proyecto relacionado.