NoJS Enterprise Playbook

O que NoJS Enterprise Playbook faz?

NoJS Skill 2026 - Guia do Framework HTML Reativo, Diretivas e API

Visão Geral

O NoJS Enterprise Playbook é um skill abrangente que documenta o framework NoJS 2026, permitindo que você construa aplicações web reativas sem escrever JavaScript no lado do cliente. Ele fornece uma abordagem declarativa para criar interfaces dinâmicas, com componentes gerenciados inteiramente no servidor.

Diretivas Principais

• n-data: Vincula dados do servidor a elementos HTML, mantendo a reatividade.
• n-model: Cria ligação bidirecional entre campos de formulário e o estado do servidor.
• n-if: Renderiza condicionalmente elementos com base em expressões lógicas.
• n-each: Itera sobre listas de dados para renderizar repetições.
• n-on: Anexa manipuladores de eventos a eventos DOM, delegando a lógica ao servidor.

Configuração do Servidor

O servidor é construído com Node.js e Express, utilizando WebSocket (ws ou socket.io) para comunicação bidirecional. Exemplo de configuração:

const express = require('express');
const WebSocket = require('ws');
const app = express();
const wss = new WebSocket.Server({ port: 3001 });

wss.on('connection', (ws) => {
  console.log('Cliente conectado');
  ws.on('message', (message) => {
    // Processar diretiva e atualizar estado
  });
});

app.listen(3000);

Roteamento e Componentes

Os componentes são definidos como funções assíncronas que retornam HTML com diretivas. Exemplo:

app.get('/saudacao', async (req, res) => {
  res.send(`
    <div n-data="{ nome: 'Mundo' }">
      <h1>Olá, <span n-text="nome"></span>!</h1>
      <input n-model="nome" />
    </div>
  `);
});

Validação e Tratamento de Erros

O skill inclui middleware de validação e manipulação de erros:

function validarEntrada(dados) {
  if (!dados.nome) {
    throw new Error('Nome é obrigatório');
  }
}

Boas Práticas

• Mantenha o estado centralizado no servidor.
• Use n-if e n-each para renderização eficiente.
• Evite lógica complexa em diretivas; prefira funções servidoras.

Suporte

Este skill é compatível com Claude Code, Cursor e Codex. Consulte a documentação oficial para exemplos completos.

---

Traduzido e adaptado para português.