# General Translation Changelog: gt-react 10.13.0: t come tagged template literal
URL: https://generaltranslation.com/it/blog/gt-react_v10_13_0.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: 
Authors: Ernest McCarter
Published: 2026-03-18

## Panoramica

Nell'ambito della nostra [sperimentazione continua per ridurre la dipendenza dal contesto React](/devlog/gt-react_v10_12_0), `gt-react` ora supporta l'uso di [`t`](/docs/react/reference/functions/t-function) come tagged template literal:

```jsx
import { t } from "gt-react/browser";

const greeting = t`Hello, ${name}!`;
```

Questa è una sintassi alternativa all'attuale chiamata di funzione [`t()`](/docs/react/reference/functions/t-function). Invece di scrivere segnaposto in stile ICU e passare un oggetto options, scrivi un normale template literal JavaScript e l'interpolazione delle variabili viene gestita automaticamente.

## Prima e dopo

```jsx
// Prima — segnaposto ICU + oggetto opzioni
t("Hello, {name}! You have {count} items.", { name, count })

// Dopo — tagged template literal
t`Hello, ${name}! You have ${count} items.`
```

La sintassi tagged template literal elimina la necessità di assegnare nomi ai segnaposto o di duplicare i riferimenti alle variabili. Scrivi la stringa come scriveresti qualsiasi template literal JavaScript.


## Non richiede il contesto React

Come la funzione [`t()`](/docs/react/reference/functions/t-function) introdotta in [gt-react@10.12.0](/devlog/gt-react_v10_12_0), la forma tagged template literal non dipende dal contesto React. Funziona ovunque nel codice eseguito nel browser:

* **Gestori di eventi**: ``onClick={() => alert(t`Salvato!`)}``
* **Funzioni di utilità**: ``function formatError(code) { return t`Errore: ${code}` }``
* **Costanti e configurazione**: ``const LABELS = { save: t`Salva`, cancel: t`Annulla` }``
* **Anche completamente al di fuori dei componenti React**

## Registrazione globale

Se non vuoi importare [`t`](/docs/react/reference/functions/t-function) in ogni file, puoi registrarlo a livello globale:

```js
// Nel punto di ingresso della tua app (es. layout.tsx)
import "gt-react/macros";
```

Questo imposta `globalThis.t`, rendendo il tagged template literal disponibile ovunque senza doverlo importare esplicitamente.

## Esempio

```jsx
import { t } from "gt-react/browser";

export function Greeting({ name }) {
  return <p>{t`Hello, ${name}!`}</p>;
}

export function SaveButton() {
  return (
    <button onClick={() => alert(t`Changes saved!`)}>
      {t`Save`}
    </button>
  );
}
```

Oppure con una registrazione globale:

```jsx
// Nessun import necessario — t è su globalThis
const LABELS = {
  save: t`Save`,
  cancel: t`Cancel`,
  delete: t`Delete`,
};
```


## Link

* [Dev log precedente: abbandono del contesto React (gt-react@10.12.0)](/devlog/gt-react_v10_12_0)
* [Riferimento API per `t()`](/docs/react/reference/functions/t-function)
* [PR #1118](https://github.com/generaltranslation/gt/pull/1118)

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.