Taro es un marco de desarrollo unificado multiterminal que se puede compilar en aplicaciones en múltiples plataformas, como WeChat Mini Program, Alipay Mini Program, Baidu Smart Mini Program, ByteDance Mini Program, QQ Mini Program, Quick App, H5, etc. usando un conjunto de códigos.
El principio de implementación de Taro se basa principalmente en los siguientes aspectos:
-
Transformación JSX : Taro usa un complemento de Babel para transformar la sintaxis similar a HTML en componentes React. Durante la compilación, Taro también optimiza y comprime la sintaxis JSX para evitar generar código innecesario.
-
Adaptación multiterminal : Taro realiza la adaptación multiterminal encapsulando API nativas y proporcionando diferentes Polyfills. Por ejemplo, en el subprograma WeChat, Taro encapsula el objeto wx, lo que hace posible usar un método de desarrollo basado en componentes similar a React Native; en H5, Taro proporciona un Polyfill para navegadores.
-
Procesamiento de estilos cruzados : Taro maneja estilos CSS a través de la tecnología de Módulos CSS y complementos PostCSS. Durante la compilación, Taro convierte los archivos de estilo en objetos de JavaScript y los importa en componentes a pedido. Al mismo tiempo, Taro proporciona métodos como la directiva @import o la sintaxis scss para admitir la expresión de estilo complejo.
-
Sistema de compilación : Taro utiliza la herramienta de compilación webpack para empaquetar el código compilado y proporciona una serie de complementos, reglas y elementos de configuración listos para usar, como la importación automática de componentes, compresión de recursos estáticos, compatibilidad con TypeScript, etc.
-
Optimización del rendimiento en tiempo de ejecución : Taro optimiza el código en tiempo de ejecución, como el uso de árboles de diccionario para implementar el análisis JSX, evitando el uso de detectores de eventos integrados y reduciendo las llamadas a las API nativas para optimizar el rendimiento.
Taro utiliza Babel, React, Webpack y otras tecnologías para lograr la adaptación multiterminal al encapsular API nativas y proporcionar diferentes Polyfills. También admite funciones como expresiones de estilo complejo e importación automática de componentes. La aplicación de estas tecnologías hace que el marco Taro funcione bien en términos de rendimiento, mantenibilidad y multiplataforma.