{
"faq": {
"hero": {
"badge": "FAQ",
"title": "Preguntas Frecuentes",
"subtitle": "Todo lo que necesitas saber sobre No.JS."
},
"search": {
"placeholder": "Buscar en las FAQ"
},
"sidebar": {
"questions": "Preguntas",
"gettingStarted": "Primeros Pasos",
"coreConcepts": "Conceptos Fundamentales",
"comparisons": "Comparaciones",
"security": "Seguridad & Producción",
"resources": "Recursos",
"documentation": "Documentación",
"examples": "Ejemplos",
"discord": "Comunidad Discord"
},
"gettingStarted": {
"title": "Primeros Pasos",
"q1": {
"question": "¿Qué es No.JS?",
"answer": "Un framework reactivo HTML-first. Estado, fetch de datos, enrutamiento, i18n, animaciones: todo declarado a través de atributos HTML. Validation y drag-and-drop ahora disponibles vía NoJS Elements. Cero dependencias, sin paso de build."
},
"q2": {
"question": "¿Cómo empiezo?",
"answer": "Agrega una etiqueta script:
<script src=\"https://cdn.no-js.dev/\"></script>
Sin paso de build, sin gestor de paquetes. Empieza a escribir atributos."
},
"q3": {
"question": "¿Necesito saber JavaScript?",
"answer": "Conocimiento básico ayuda para escribir expresiones en atributos, pero no vas a escribir archivos JavaScript. Todo es declarativo: state, bind, on:click, each.
Para casos avanzados como filtros o directivas personalizadas, escribirás algo de JS. El objetivo es reducir, no eliminar."
},
"q4": {
"question": "¿Puedo usarlo con proyectos existentes?",
"answer": "Sí. Agrega la etiqueta script a cualquier página HTML. No.JS solo procesa elementos con sus atributos, así que no interfiere con código existente u otras bibliotecas. Adopción progresiva por diseño."
}
},
"coreConcepts": {
"title": "Conceptos Fundamentales",
"q5": {
"question": "¿Cómo funciona la reactividad?",
"answer": "Objetos Proxy de JavaScript. Cuando declaras state, el framework envuelve tus datos en un Proxy. En cada cambio de propiedad, el trap set notifica a los watchers registrados, que actualizan el DOM directamente. Sin virtual DOM, sin diffing."
},
"q6": {
"question": "¿Y el estado computado y datos asíncronos?",
"answer": "Computado: computed + expr recalcula automáticamente cuando cambian las dependencias.
Async: get, post, put, patch, delete buscan datos en el contexto reactivo. Usa into para enviar resultados a un store global.
Batching: múltiples cambios en el mismo ciclo se deduplican. Los watchers disparan una vez."
},
"q7": {
"question": "¿Qué funcionalidades incluye?",
"answer": "Todo viene en un único archivo:
• Estado reactivo y propiedades computadas
• Enrutamiento SPA con lazy loading
• HTTP declarativo (GET, POST, PUT, PATCH, DELETE)
• i18n con archivos de locale externos
• Validación de formularios (Ahora en NoJS Elements)
• Animaciones y transiciones
• Drag and drop (Ahora en NoJS Elements)
• 32 filtros integrados"
},
"q8": {
"question": "¿Cuál es el caso de uso ideal?",
"answer": "Landing pages, dashboards, herramientas internas, prototipos, cualquier cosa donde necesites reactividad sin la ceremonia de un framework completo.
Si la lógica de negocio se queda en el backend, donde debe estar, el frontend nunca necesita ser lo suficientemente complejo para justificar un framework pesado."
}
},
"comparisons": {
"title": "Comparaciones",
"q9": {
"question": "¿No.JS vs Alpine.js?",
"answer": "Alpine es reactivo y liviano, pero carece de HTTP declarativo, enrutamiento SPA, i18n y filtros integrados.
No.JS cubre el ciclo completo: fetch, bind, loop, route, animate, todo a través de atributos HTML. Form validation y drag-and-drop disponibles vía NoJS Elements."
},
"q10": {
"question": "¿No.JS vs HTMX?",
"answer": "HTMX es excelente en HTML server-driven. Asume un backend que retorna fragmentos HTML.
No.JS funciona con cualquier API (endpoints JSON, REST, APIs públicas) sin necesitar un servidor para armar respuestas. Filosofía diferente: HTMX extiende el servidor, No.JS extiende el navegador."
},
"q11": {
"question": "¿No.JS vs React o Vue?",
"answer": "React y Vue requieren paso de build, virtual DOM y archivos JavaScript. No.JS no requiere nada de eso.
Archivos HTML vs bundles compilados. Deploy es subir HTML, no configurar un pipeline."
},
"q12": {
"question": "Esto me recuerda a AngularJS. ¿Es parecido?",
"answer": "Misma intuición: llevar el desarrollo web de vuelta al HTML. Ejecución diferente: cero dependencias, sin espiral de complejidad.
No.JS permanece intencionalmente pequeño y enfocado en los casos donde un framework completo es excesivo."
}
},
"security": {
"title": "Seguridad & Producción",
"q13": {
"question": "¿Cómo maneja No.JS la seguridad?",
"answer": "Tres capas de protección:
• Sanitización HTML: elimina tags <script>, event handlers y protocolos javascript:
• Aislamiento de scope: el contexto de cada componente está aislado via Proxy
• CSP-safe por defecto: las expresiones se evalúan mediante un parser personalizado — no se usa eval() ni el constructor Function()"
},
"q14": {
"question": "¿Qué tamaño tiene el bundle?",
"answer": "Incluye reactividad, enrutamiento, fetch de datos, i18n, animaciones y 32 filtros. Drag-and-drop y form validation ahora en NoJS Elements. Cero dependencias."
},
"q15": {
"question": "¿Necesito un paso de build?",
"answer": "No. Una etiqueta script, cero configuración. Sin compilación, sin transpilación, sin bundling. Deploy es subir archivos HTML."
},
"q16": {
"question": "¿Está listo para producción?",
"answer": "Sí. 1.350+ tests unitarios, probado en navegadores modernos. Este sitio de documentación está construido enteramente con No.JS."
}
},
"cta": {
"title": "¿Aún tienes dudas?",
"subtitle": "Consulta la documentación o únete a la comunidad.",
"docs": "Ver Documentación",
"discord": "Comunidad Discord"
}
}
}