Descripción general

Las traducciones en línea te permiten escribir y traducir contenido directamente en tu código.

No necesitas un diccionario ni archivos de traducción por separado.

Esto facilita mantener la UI y las traducciones sincronizadas, y es ideal para proyectos donde el contenido cambia con frecuencia o está estrechamente acoplado a tus componentes.

¿Por qué usar traducciones inline?

• Simplicidad: No es necesario gestionar files de traducción externos.
• Menos fricción: Contenido y código conviven, reduciendo los cambios de contexto.
• Actualizaciones instantáneas: Los cambios en el texto se reflejan de inmediato en todos los idiomas.
• Mantenibilidad: No tienes que preocuparte por mantener tus traducciones al día ni por eliminar traducciones sin uso.

Ya sea texto, HTML o JSX, todo puede traducirse. No se requiere configuración adicional.

import { T } from 'gt-react';

export default function MyComponent() {
  return (
    <T>
      <h1>Lista de obras de Shakespeare:</h1>
      <ul>
        <li>Hamlet</li>
        <li>El sueño de una noche de verano</li>
        <li>Macbeth</li>
      </ul>
    </T> 
  );
}

Para obtener más información, consulta la referencia específica del framework correspondiente: