Ejemplo: código

El código en línea va entre comillas invertidas: const total = 3;. Un bloque lleva tres comillas invertidas y el lenguaje:

// Suma los precios de un carrito
function total(items) {
  return items.reduce((sum, item) => sum + item.price * item.quantity, 0);
}
const carrito = [{ name: "teclado", price: 25000, quantity: 1 }, { name: "mouse", price: 12000, quantity: 2 }, { name: "pad", price: 5000, quantity: 1 }];
console.log(total(carrito));

Las plantillas se muestran tal cual, con sus llaves:

<p>Hola, {{ name }}</p>
{% if user %}<a href="/salir">Salir</a>{% endif %}

Y también el JSX, con sus llaves dobles:

const Aviso = () => <p style={{ color: "red" }}>Hola</p>;