Como você pensa a diferença entre estado de servidor e estado de cliente numa aplicação frontend?

Estado de servidor é dado que não é seu: vive num banco de dados, pode estar desatualizado no instante em que chega, e precisa de cache, revalidação, retentativas e deduplicação. Estado de cliente é dado que é seu, como qual aba está aberta ou o que foi digitado num formulário, e é síncrono e sempre correto. Trate os dois de forma diferente: um cache de queries para estado de servidor, estado local de componente ou um store pequeno para estado de cliente.

Estado de servidor é uma cópia em cache de algo que não controlo. Chega de forma assíncrona, pode estar desatualizado, dois componentes podem querer ao mesmo tempo, e precisa de revalidação, retentativas e deduplicação. Estado de cliente é meu: o acordeão aberto, o rascunho num formulário, o filtro selecionado antes de eu aplicar. É síncrono e nunca está desatualizado. Quando comecei a tratar os dois como problemas diferentes, muito código sumiu. Dado de servidor vai para um cache de queries chaveado pelos seus parâmetros, que cuida dos estados de carregamento e erro, deduplica requisições concorrentes e refaz o fetch ao focar a janela. Estado de cliente fica como estado local do componente até mais de um componente precisar, e só então vai para um store compartilhado pequeno. O sintoma de errar isso é bem reconhecível: um store global cheio de entidades, booleanos de carregamento escritos na mão em cada tela, e um bug em que dois componentes buscam o mesmo usuário e discordam sobre ele. Já mantive essa aplicação e não a construiria de novo.