TSJSON → TypeScript
El sistema de tipos estáticos de TypeScript requiere que definas interfaces o tipos para tus estructuras de datos. Escribir esto a mano a partir del JSON de respuesta de una API es tedioso, especialmente con objetos profundamente anidados. Esta herramienta genera automáticamente interfaces o alias de tipos de TypeScript a partir de cualquier carga útil JSON.
Cómo usar
- 1Pegar JSON
Pega el JSON que deseas convertir a la izquierda. Haz clic en 'Cargar ejemplo' para probar una muestra con objetos y arreglos anidados.
- 2Configurar opciones
Establece el nombre de la interfaz raíz, el estilo de salida (interfaz o alias de tipo), si se incluye la palabra clave export y cómo manejar los valores nulos.
- 3Copiar resultado
Revisa el TypeScript generado a la derecha y haz clic en el botón de copiar para usarlo en tu proyecto.
Consejos
- 💡Los objetos JSON anidados se convierten automáticamente en interfaces o tipos con nombre independientes.
- 💡Los campos con valores nulos se tipan como 'T | null' cuando la opción de nulos está activada, manteniendo tu código seguro contra nulos.
- 💡Los arreglos vacíos ([]) producen unknown[] — actualiza el tipo manualmente una vez que conozcas la forma del elemento.
- 💡Pega un JSON de respuesta de API para estructurar instantáneamente el tipo de respuesta para tu proyecto TypeScript.