E se o número de pedidos puder mudar?

Se o número de pedidos pode mudar dinamicamente, é necessário usar estruturas de dados dinâmicas e abordagens reativas para exibir corretamente a lista no frontend.

Por exemplo, no React, pode armazenar os pedidos no estado do componente e atualizá-lo quando ocorrerem alterações:

const [orders, setOrders] = React.useState([]);

// Ao receber novos dados
function updateOrders(newOrders) {
  setOrders(newOrders);
}

return (
  <ul>
    {orders.map(order => (
      <li key={order.id}>{order.name}</li>
    ))}
  </ul>
);

Assim, a interface do utilizador será atualizada automaticamente quando o número de pedidos mudar, ou quando elementos forem adicionados ou removidos.