Mesclar e sobrescrever
Quando você trabalha com configurações ou dados que unem um padrão com ajustes específicos, como temas de interface ou preferências de usuário, o operador spread (...) resolve isso sem complicação. Em vez de escrever Object.assign ou laços manuais, um simples {...padrao, ...custom} já aplica as customizações por cima do padrão. Dominar essa precedência evita bugs silenciosos onde a ordem errada faz o padrão anular as personalizações.
O PROBLEMA
Mescle objeto padrão com customizações usando spread. Customizações sobrescrevem padrões.
EXEMPLO
const config = {...padrao, ...custom};
→ {tema:'escuro', idioma:'pt', notifs:false}SOBRE O CONCEITO
O operador spread (...) dentro de um objeto literal cria uma cópia rasa das propriedades. Quando você mescla objetos na mesma sintaxe, a ordem importa: cada objeto posterior sobrescreve propriedades com chaves iguais das anteriores. No exemplo {...padrao, ...custom}, as propriedades de custom substituem as de padrao se houver conflito. O erro comum é inverter a ordem: {...custom, ...padrao} faria o padrao prevalecer, derrubando as customizações. Por isso, sempre coloque o objeto base primeiro e as modificações depois. Como não é permitido usar Object.assign ou funções, o spread é a solução direta e moderna.
RESOLUÇÃO