kvision

A KVISION permite criar aplicativos da Web modernos com o idioma Kotlin, sem uso de HTML, CSS ou JavaScript. Ele fornece uma rica hierarquia de componentes prontos para usar, que podem ser usados ​​como blocos de construtor para a interface do usuário do aplicativo.

A KVISION suporta totalmente os modelos de programação reativa e imperativa. Ele oferece tudo o que você precisa para a gestão do estado de seus aplicativos.

A KVISION contém uma interface de conectividade inovadora para estruturas de Ktor, Jooby, Spring Boot, Javalin, Vert.X e Micronaut no lado do servidor, o que permite criar aplicativos de pilhas completas com código compartilhado para modelo de dados e lógica de negócios.

A KVISION está sendo desenvolvida ativamente. Crie um problema para qualquer bugs ou solicitações de recursos.

Código de amostra

 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 seguro e totalmente compilado ambiente de dev.

• Tipo Builders DSL seguros.

• Com base em estilos de bootstrap, tipografia e componentes.

• Utiliza a implementação Virtual Virtual Fast Snabbdom.

• Integra -se a muitas bibliotecas e componentes:

  • Fonte incrível
  • Tom Select
  • Editor de Trix
  • Picker de DateTime de Tempus Dominus
  • Entrada de arquivo bootstrap
  • Guidão
  • Chart.js
  • Tabulador
  • Redux
  • Reduxkotlin
  • Lastro
  • Navigo
  • Ritmo
  • Folheto
  • Bestificar JS
  • Print.js
  • Imask.js
  • Web material

• Inclui recipientes sofisticados de layout, incluindo o CSS Flexbox, a grade CSS e a grade de 12 colunas Responsive 12 Colunas.

• Inclui implementação conveniente de formulários, com suporte para muitos componentes de entrada diferentes e validação fácil de usar.

• Suporte ao padrão de observador, ligação de dados, fluxos de eventos e fluxo de estado para observáveis.

• Suporta componentes do React com KVision DSL e Gerenciamento de Estado Integrado.

• Suporte completo para componentes da web móvel Onsen UI com a API Kotlin e os construtores de DSL Kotlin seguros.

• Suporte de internacionalização com base nas traduções GetText e na biblioteca getText.js.

• Fácil de usar o suporte de arrastar e soltar.

• Suporte para animações e efeitos jQuery.

• Conectividade de repouso segura de tipo.

• Suporte ao modo escuro.

• Interface de integração inovadora para estruturas de KTOR, Jooby, Spring Boot, Javalin, Vert.x e Micronaut no lado do servidor, incluindo suporte para conexões Websockets com segurança de tipo.

• Suporte para a criação de aplicativos móveis híbridos com Apache Cordova.

• Suporte para a construção de aplicações de mesa entre plataformas com elétrons.

• Os aplicativos da KVISION são criados com o Gradle com suporte para a substituição do módulo quente do Webpack (HMR) e Kotlin JavaScript DCE (eliminação do código morto). O plug-in Kotlin Compiler para gradle está disponível para gerar automaticamente o código de caldeira para interfaces do lado do servidor.

• Suporte à estrutura de teste de karma.

• Apoio ao IDE (Intellij Idea). O Assistente do Projeto KVISION está sendo desenvolvido como um projeto separado (graças a @jakubneukirch).

Exemplos e documentação

Pronto para explorar, o rico conjunto de exemplos de KVision está disponível no projeto separado.

Consulte também a implementação completa do front -end do aplicativo de exemplo realworld e uma versão completa criada com o Spring Webflux e o R2DBC.

O guia abrangente da KVISION é publicado no GitBook.

A documentação da API, gerada com o New Dokka, está disponível em https://rjaros.github.io/kvision/index.html.

Você também pode olhar para as postagens do blog do KVISION no Dev.to e conversar com usuários e desenvolvedores da KVISION no canal Kotlin Slack #KVision e no Discord Server.

Investir rápido

Desenvolvimento

1. Baixe os exemplos da KVISION do GitHub:

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

2. Digite um dos Exemplos Diretório:

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

3. Execute a construção incremental gradle com:

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

4. Abra http: // localhost: 3000/no seu navegador.

5. Brinque com o código e veja suas alterações imediatamente no navegador.

Produção

Para construir um aplicativo completo otimizado para execução de produção:

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

O pacote de aplicativos será salvo como Build/Libs/Showcase-1.0.0-Snapshot.zip.

Deixe -nos uma estrela

Se você gosta deste projeto, dê uma estrela no Github. Obrigado!