{
"faq": {
"hero": {
"badge": "FAQ",
"title": "Perguntas Frequentes",
"subtitle": "Tudo o que você precisa saber sobre o No.JS."
},
"search": {
"placeholder": "Pesquisar no FAQ"
},
"sidebar": {
"questions": "Perguntas",
"gettingStarted": "Primeiros Passos",
"coreConcepts": "Conceitos Fundamentais",
"comparisons": "Comparações",
"security": "Segurança & Produção",
"resources": "Recursos",
"documentation": "Documentação",
"examples": "Exemplos",
"discord": "Comunidade Discord"
},
"gettingStarted": {
"title": "Primeiros Passos",
"q1": {
"question": "O que é o No.JS?",
"answer": "Um framework reativo HTML-first. Estado, fetch de dados, roteamento, i18n, animações: tudo declarado através de atributos HTML. Validation e drag-and-drop agora disponíveis via NoJS Elements. Zero dependências, sem etapa de build."
},
"q2": {
"question": "Como começo?",
"answer": "Adicione uma tag script:
<script src=\"https://cdn.no-js.dev/\"></script>
Sem etapa de build, sem gerenciador de pacotes. Comece a escrever atributos."
},
"q3": {
"question": "Preciso saber JavaScript?",
"answer": "Conhecimento básico ajuda para escrever expressões nos atributos, mas você não vai escrever arquivos JavaScript. Tudo é declarativo: state, bind, on:click, each.
Para casos avançados como filtros ou diretivas customizadas, você vai escrever um pouco de JS. O objetivo é reduzir, não eliminar."
},
"q4": {
"question": "Posso usar com projetos existentes?",
"answer": "Sim. Adicione a tag script a qualquer página HTML. O No.JS só processa elementos com seus atributos, então não interfere com código existente ou outras bibliotecas. Adoção progressiva por design."
}
},
"coreConcepts": {
"title": "Conceitos Fundamentais",
"q5": {
"question": "Como a reatividade funciona?",
"answer": "Objetos Proxy do JavaScript. Quando você declara state, o framework envolve seus dados em um Proxy. A cada mudança de propriedade, o trap set notifica os watchers registrados, que atualizam o DOM diretamente. Sem virtual DOM, sem diffing."
},
"q6": {
"question": "E estado computado e dados assíncronos?",
"answer": "Computado: computed + expr recalcula automaticamente quando as dependências mudam.
Async: get, post, put, patch, delete buscam dados no contexto reativo. Use into para enviar resultados a um store global.
Batching: múltiplas mudanças no mesmo ciclo são deduplicadas. Watchers disparam uma vez."
},
"q7": {
"question": "Quais recursos estão incluídos?",
"answer": "Tudo vem em um único arquivo:
• Estado reativo e propriedades computadas
• Roteamento SPA com lazy loading
• HTTP declarativo (GET, POST, PUT, PATCH, DELETE)
• i18n com arquivos de locale externos
• Validação de formulários (Agora no NoJS Elements)
• Animações e transições
• Drag and drop (Agora no NoJS Elements)
• 32 filtros integrados"
},
"q8": {
"question": "Qual o caso de uso ideal?",
"answer": "Landing pages, dashboards, ferramentas internas, protótipos, qualquer coisa onde você precisa de reatividade sem a cerimônia de um framework completo.
Se a lógica de negócio fica no backend, onde deve ficar, o frontend nunca precisa ser complexo o suficiente para justificar um framework pesado."
}
},
"comparisons": {
"title": "Comparações",
"q9": {
"question": "No.JS vs Alpine.js?",
"answer": "Alpine é reativo e leve, mas não tem HTTP declarativo, roteamento SPA, i18n e filtros integrados.
No.JS cobre o ciclo completo: fetch, bind, loop, route, animate, tudo através de atributos HTML. Form validation e drag-and-drop disponíveis via NoJS Elements."
},
"q10": {
"question": "No.JS vs HTMX?",
"answer": "HTMX é excelente em HTML server-driven. Assume um backend que retorna fragmentos HTML.
No.JS funciona com qualquer API (endpoints JSON, REST, APIs públicas) sem precisar de um servidor para montar respostas. Filosofia diferente: HTMX estende o servidor, No.JS estende o navegador."
},
"q11": {
"question": "No.JS vs React ou Vue?",
"answer": "React e Vue exigem etapa de build, virtual DOM e arquivos JavaScript. No.JS não exige nada disso.
Arquivos HTML vs bundles compilados. Deploy é subir HTML, não configurar pipeline."
},
"q12": {
"question": "Isso me lembra o AngularJS. É parecido?",
"answer": "Mesma intuição: trazer o desenvolvimento web de volta ao HTML. Execução diferente: zero dependências, sem espiral de complexidade.
No.JS permanece intencionalmente pequeno e focado nos casos onde um framework completo é exagero."
}
},
"security": {
"title": "Segurança & Produção",
"q13": {
"question": "Como o No.JS lida com segurança?",
"answer": "Três camadas de proteção:
• Sanitização HTML: remove tags <script>, event handlers e protocolos javascript:
• Isolamento de escopo: o contexto de cada componente é isolado via Proxy
• CSP-safe por padrão: as expressões são avaliadas por um parser personalizado — eval() e o construtor Function() não são usados"
},
"q14": {
"question": "Qual o tamanho do bundle?",
"answer": "Inclui reatividade, roteamento, fetch de dados, i18n, animações e 32 filtros. Drag-and-drop e form validation agora no NoJS Elements. Zero dependências."
},
"q15": {
"question": "Preciso de uma etapa de build?",
"answer": "Não. Uma tag script, zero configuração. Sem compilação, sem transpilação, sem bundling. Deploy é subir arquivos HTML."
},
"q16": {
"question": "Está pronto para produção?",
"answer": "Sim. 1.350+ testes unitários, testado em navegadores modernos. Este site de documentação é construído inteiramente com No.JS."
}
},
"cta": {
"title": "Ainda tem dúvidas?",
"subtitle": "Confira a documentação ou participe da comunidade.",
"docs": "Ver Documentação",
"discord": "Comunidade Discord"
}
}
}