export function Header() {
  return (
    <button>Save</button>
  );
}

import { t } from "@/i18n";

export function Header() {
  return (
    <button>{t("ui.header.save")}</button>
  );
}

JSX text

<button>Save</button>

JSX attributes

<input placeholder="Search products" />

String literals

const msg = "No results found";

Template literals

const t = `Hello ${name}`;

Mixed JSX interpolation

<p>Hello {user.name}, you have {count}</p>

Key strategies