Если количество заказов может изменяться динамически, то для корректного отображения списка на фронтенде нужно использовать динамические структуры данных и реактивные подходы.

Например, в React можно хранить заказы в состоянии компонента и обновлять его при изменениях:

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

// При получении новых данных
function updateOrders(newOrders) {
  setOrders(newOrders);
}

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

Таким образом, UI будет автоматически обновляться при изменении количества заказов, добавлении или удалении элементов.

А если у нас может изменяться количество заказов?