ToolboxKit

Convertidor de JSON a TypeScript

Pega un ejemplo JSON, como una respuesta de API, y genera las interfaces TypeScript correspondientes. Cada objeto anidado recibe su propio tipo con nombre.

Tus archivos nunca salen de tu dispositivo — todo se ejecuta en tu navegador.

JSON
TypeScript

Cómo Usar

  1. 1Pega un ejemplo JSON; lo ideal es una respuesta real de tu API.
  2. 2Indica el nombre del tipo raíz, por ejemplo User o ApiResponse.
  3. 3Elige si quieres declaraciones interface o type.
  4. 4Copia el código generado o descárgalo como types.ts.

Preguntas Frecuentes

¿Cómo se detectan los campos opcionales?

Si tu JSON tiene un array de objetos, el generador combina todos los elementos. Las claves que faltan en algunos elementos se marcan como opcionales (?). También puedes hacer opcionales todos los campos.

¿Qué tipo recibe null?

Un valor null se convierte en el tipo null. Si el mismo campo es texto en unos elementos y null en otros, obtienes una unión como string | null.

¿Uso interface o type?

Para objetos simples son casi intercambiables. Las interfaces se pueden extender y fusionar; los alias type también sirven para uniones y otros tipos. Elige lo que ya use tu proyecto.

¿Mi JSON se envía a algún sitio?

No. Los tipos se generan en tu navegador, así que las respuestas de API con datos privados no salen de tu dispositivo.

Herramientas Relacionadas