kvision

KVision le permite crear aplicaciones web modernas con el lenguaje Kotlin, sin ningún uso de HTML, CSS o JavaScript. Le brinda una rica jerarquía de componentes GUI listos para usar, que se pueden usar como bloques de constructor para la interfaz de usuario de la aplicación.

KVision es compatible completamente con modelos de programación reactivos e imperativos. Le ofrece todo lo que pueda necesitar para la gestión estatal de sus aplicaciones.

KVision contiene una interfaz de conectividad innovadora para los marcos KTOR, Jooby, Boot Spring, Javalin, Vert.X y Micronaut en el lado del servidor, lo que permite crear aplicaciones FullStack con código compartido para el modelo de datos y la lógica comercial.

KVision se está desarrollando activamente. Cree un problema para cualquier error o solicitud de función.

Código de muestra

 class App : Application () {

    val state = ObservableValue ( " Hello world " )

    override fun start () {
        root( " root " ) {
            vPanel {
                h1(state) {
                    + it
                }
                button( " Add an exclamation mark " ).onClick {
                    state.value + = " ! "
                }
            }
        }
    }
}

Características

• 100% tipo entorno de desarrollo seguro y totalmente compilado.

• Escriba constructores DSL seguros.

• Basado en estilos de arranque, tipografía y componentes.

• Utiliza la implementación Snabbdom Fast Virtual Virtual DOM.

• Se integra con muchas bibliotecas y componentes:

  • Fuente impresionante
  • Tom Select
  • Editor de trix
  • Tempus Dominus DateTime Picker
  • Entrada de archivo de arranque
  • Bigote daliniano
  • Chart.js
  • Tabulador
  • Redux
  • Reduxkotlin
  • Lastre
  • Naviga
  • Paso
  • Prospecto
  • Toastify js
  • Print.js
  • Imask.js
  • Web Material

• Incluye contenedores de diseño sofisticados, incluidos CSS Flexbox, CSS Grid y Bootstrap Responsive 12 Columns Grid.

• Incluye la implementación de formularios convenientes, con soporte para muchos componentes de entrada diferentes y validación fácil de usar.

• Soporte para el patrón de observador, enlace de datos, flujos de eventos y flujo de estado para observables.

• Admite componentes React con KVision DSL y gestión estatal incorporada.

• Soporte completo para los componentes web móviles de UI de ONSEN con API Kotlin segura y constructores DSL.

• Soporte de internacionalización basado en las traducciones de getText y la biblioteca getText.js.

• Soporte de arrastre y drop fácil de usar.

• Soporte para animaciones y efectos jQuery.

• Conectividad de reposo de tipo seguro.

• Soporte en modo oscuro.

• Interfaz innovadora de integración para KTOR, Jooby, Spring Boot, Javalin, Vert.x y Micronaut Frameworks en el lado del servidor, incluido el soporte para las conexiones de WebSockets a seguridad.

• Soporte para construir aplicaciones móviles híbridas con Apache Cordova.

• Soporte para la construcción de aplicaciones multiplataforma y de escritorio con electrones.

• Las aplicaciones de KVision están construidas con Gradle con soporte para el Reemplazo del módulo Hot de Webpack (HMR) y Kotlin JavaScript DCE (eliminación del código muerto). El complemento del compilador de Kotlin para Gradle está disponible para generar automáticamente el código de Boilerplate para las interfaces del lado del servidor.

• Soporte del marco de prueba de karma.

• IDE Support (Idea IntelliJ). El asistente del proyecto KVision se está desarrollando como un proyecto separado (gracias a @jakubneukirch).

Ejemplos y documentación

Listo para explorar, el rico conjunto de ejemplos de kVision está disponible en el proyecto separado.

Consulte también la implementación completa de frontend de la aplicación de ejemplo RealWorld y una versión FullStack construida con Spring WebFlux y R2DBC.

La guía integral de KVision se publica en Gitbook.

La documentación de la API, generada con New Dokka, está disponible en https://rjaros.github.io/kvisision/index.html.

También puede ver las publicaciones de blog de KVision en Dev.TO y puede hablar con los usuarios y desarrolladores de KVision en el canal Kotlin Slack #KVision y en el servidor Discord.

Inicio rápido

Desarrollo

1. Descargar ejemplos de kVision de GitHub:

    git clone https://github.com/rjaros/kvision-examples.git
   

2. Ingrese uno de los ejemplos del directorio:

    cd kvision-examples/showcase                        (on Linux)
    cd kvision-examplesshowcase                        (on Windows)
   

3. Ejecutar la construcción incremental de Gradle con:

    ./gradlew -t run                                    (on Linux)
    gradlew.bat -t run                                  (on Windows)
   

4. Abra http: // localhost: 3000/en su navegador.

5. Juega con el código y vea sus cambios inmediatamente en el navegador.

Producción

Para crear una aplicación completa optimizada para la ejecución de producción:

    ./gradlew zip                       (on Linux)
    gradlew.bat zip                     (on Windows)

El paquete de aplicaciones se guardará como Build/Libs/Showcase-1.0.0-snapshot.zip.

Déjanos una estrella

Si te gusta este proyecto, por favor dale una estrella en Github. ¡Gracias!