Repolode
Snapchat

Snapchat/Valdi

Framework de UI multiplataforma que compila componentes declarativos de TypeScript en vistas nativas de iOS, Android y macOS, sin web views ni puentes de JavaScript.

Estrellas
16,381
Forks
537
Issues abiertos
22
Último commit
hace 21 horas

¿Qué es?

Valdi es un framework de UI de Snap para crear interfaces móviles y de escritorio. Escribes componentes declarativos en TSX con TypeScript y Valdi los compila en vistas nativas de iOS, Android y macOS, en lugar de renderizarlos mediante web views o un puente de JavaScript.

El framework incluye reciclaje de vistas entre pantallas, renderizado independiente de componentes, un motor de diseño en C++ que usa Flexbox y admite RTL, y renderizado adaptado al viewport que solo crea las vistas visibles. También ofrece hot reload, depuración con VSCode, puntos de interrupción y volcados del heap, además de un framework de pruebas a nivel de componente.

Valdi permite integrar sus componentes en jerarquías existentes de UIKit o Android, usar vistas nativas dentro de diseños de Valdi y escribir módulos críticos para el rendimiento en C++, Swift, Kotlin u Objective-C con bindings de TypeScript generados. El proyecto está en beta y tiene licencia MIT.

Funciones clave

  • 01Compila componentes declarativos de TSX en vistas nativas de iOS, Android y macOS
  • 02Hot reload y depuración con VSCode, puntos de interrupción y volcados del heap
  • 03Reciclaje global de vistas y renderizado adaptado al viewport para un desplazamiento más fluido
  • 04Motor de diseño Flexbox en C++ con compatibilidad automática con RTL
  • 05Bindings generados y seguros en cuanto a tipos entre TypeScript y Kotlin, Swift u Objective-C
  • 06Integra componentes de Valdi en jerarquías existentes de vistas nativas

Casos de uso

  • Crear pantallas móviles multiplataforma sin web views
  • Añadir componentes de Valdi de forma gradual a una app existente de iOS o Android
  • Escribir módulos sensibles al rendimiento en C++ o Swift con bindings de TypeScript
  • Crear interfaces con muchas funciones y mucho desplazamiento, como los feeds

Inicio rápido

  1. 1

    Instala Valdi CLI desde npm

    npm install -g @snap/valdi
  2. 2

    Ejecuta el comando único para configurar las dependencias

    valdi dev_setup
  3. 3

    Crea una carpeta de proyecto e inicialízala

    mkdir my_project && cd my_project valdi bootstrap
  4. 4

    Instala la app en iOS o Android

    valdi install ios

Antes de usarlo

  • Está en fase beta y, según el README, las herramientas y la documentación siguen poniéndose a prueba en el ámbito del código abierto.
  • Para compilar para iOS o macOS se necesita Xcode 26.5 o 27, por lo que hace falta un Mac.

En colecciones

Temas

Preguntas frecuentes

¿Qué es Valdi?
Framework de UI multiplataforma que compila componentes declarativos de TypeScript en vistas nativas de iOS, Android y macOS, sin web views ni puentes de JavaScript. Valdi es un framework de UI de Snap para crear interfaces móviles y de escritorio. Escribes componentes declarativos en TSX con TypeScript y Valdi los compila en vistas nativas de iOS, Android y macOS, en lugar de renderizarlos mediante web views o un puente de JavaScript.
¿Valdi es gratuito? ¿Qué licencia tiene?
Valdi es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿Valdi sigue mantenido?
Mantenimiento activo. El último commit de Valdi fue el 7 nov 2026.
¿Para qué puedo usar Valdi?
Crear pantallas móviles multiplataforma sin web views Añadir componentes de Valdi de forma gradual a una app existente de iOS o Android Escribir módulos sensibles al rendimiento en C++ o Swift con bindings de TypeScript Crear interfaces con muchas funciones y mucho desplazamiento, como los feeds
¿Cómo se instala Valdi?
Instala Valdi CLI desde npm: npm install -g @snap/valdi Ejecuta el comando único para configurar las dependencias: valdi dev_setup Crea una carpeta de proyecto e inicialízala: mkdir my_project && cd my_project valdi bootstrap Instala la app en iOS o Android: valdi install ios
¿Dónde consigo Valdi?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/Snapchat/Valdi

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados