Componentes JavaScriptFull-stackpara exércitos de um dev só

Escreva o back-end e o front-end de um recurso em um único componente e deixe o framework decidir onde o código deve ser executado.

O Nullstack oferece todas as ferramentas que você precisa para manter o foco na lógica de negócios.

Nulla-Chan

A Santa Trindadedo desenvolvimento de aplicativos web progressivos

Primeira visita otimizada

Primeira visita otimizada

Na primeira visita, você terá HTML pronto para SEO e otimizado para a primeira renderização de sua rota em uma única solicitação usando funções locais com nenhuma dependência de JavaScript no pacote do cliente

Experiência de PWA fluida

Experiência de PWA fluida

Depois que o conteúdo é servido e a rede está ociosa, o JavaScript do Nullstack é carregado, o estado da aplicação é restaurado por meio de hidratação e torna-se uma aplicação de página única (SPA)

Solicitações de API leves

Solicitações de API leves

As funções de servidor subsequentes buscarão JSON de uma API de microsserviços gerada automaticamente, desserializarão a resposta, atualizarão o estado da aplicação e renderizarão a página sem nenhum código adicional

class Feature extends Nullstack {

  // executa no servidor
  static async delete({ database }) {
    database.query("DELETE * FROM WAIFUS");
  }

  // executa no client
  async confirm() {
    if (confirm("Tem certeza? uwu")) {
      await this.delete();
    }
  }

  // executa onde for melhor
  render() {
    return (
      <button onclick={this.confirm}>
        Delete
      </button>
    );
  }
  
}

Não perca mais tempo colando um código no outro

Um ciclo de vida full-stack combinado com uma abordagem orientada a recursos permite que você escreva código limpo e reutilizável sem a necessidade de criar APIs manualmente.

Não perca mais tempo colando um código no outro
class Vanilla extends Nullstack {

  // variáveis ​​são apenas variáveis
  count = 0;

  // mutações refletem no dom
  increment() {
    this.count++
  }

  // 'this' é vinculado por padrão
  render() {
    return (
      <button onclick={this.increment}> 
        {this.count}
      </button>
    )
  }

}

Torne-se um programador menos dependente de maneirismos

Seus componentes são apenas POJOs. Aproveite as vantagens do ecossistema existente enquanto escreve JavaScript como deve ser e veja o resultado refletido no dom.

Torne-se um programador menos dependente de maneirismos
class Modern extends Nullstack {

  // 'params' são injetados em cada função
  renderWaifu({ params }) {
    return (
      <p> Olá, eu sou a {params.name} </p>
    )
  }

  // as rotas podem ter segmentos dinâmicos
  render() {
    return (
      <>
        <Waifu route="/waifus/:name" />
        <a href="/waifus/Nulla">
          NullaChan
        </a>
      </>
    )
  }

}

Você já sabe Nullstack

As rotas são atributos simples que você pode atribuir a qualquer tag, e os links são apenas tags 'a'. Você descobrirá que Nullstack é apenas uma versão moderna de sua stack atual.

Você já sabe Nullstack
class Batteries extends Nullstack {

  // variáveis ​​podem ser vinculadas ao dom
  name = 'Nulla-Chan';
  isWaifu = true;
  
  render() {
    // preparando um evento em objeto
    const isWaifu = !this.isWaifu;

    // eventos são evitados por padrão
    return (
      <form>
        <input bind={this.name} />
        <button onclick={{isWaifu}}>
          Alternar Waifu
        </button>
      </form>
    )
  }

}

Todas as ferramentas que você precisa falando a mesma língua

A maioria das tarefas são muito repetitivas. Economize sua energia para os desafios reais usando os atalhos que criamos, como eventos em objeto e vínculos bidirecionais.

Todas as ferramentas que você precisa falando a mesma língua

Aprenda com nossos Dweebs Especialistas

Full-stack com Nullstack
Open Source no Brasil - Ajude a traduzir o Nullstack
O que são Componentes em JavaScript?