Dicas de state management para React

"Como desenvolvedor React, estou construindo um aplicativo de e-commerce complexo onde múltiplos componentes (e.g., carrinho de compras, detalhes do produto, histórico de pedidos) precisam acessar e modificar dados de estado globais e locais de forma eficiente e previsível. O aplicativo é grande, com potencial para muitos re-renders desnecessários e bugs relacionados à sincronização de estado. 

Crie um guia detalhado e prático sobre as melhores práticas para gerenciamento de estado em aplicações React de larga escala, focando na performance, manutenibilidade e escalabilidade. O guia deve abranger:

1.  **Quando e como escolher entre diferentes soluções de gerenciamento de estado global (e.g., Context API, Redux, Zustand, Recoil).** Inclua uma análise comparativa de seus prós e contras para cenários específicos do e-commerce.
2.  **Estratégias para otimização de re-renders e prevenção de problemas de performance** relacionados ao estado (e.g., `React.memo`, `useCallback`, `useMemo`, virtualização de listas).
3.  **Abordagens para gerenciamento de estado local complexo** dentro de componentes (e.g., `useState`, `useReducer`), e como decidir quando "elevar" o estado.
4.  **Padrões de design para arquitetar o estado da aplicação** (e.g., normalização de dados, separação de concerns entre UI e dados).
5.  **Técnicas para lidar com estado assíncrono** (e.g., chamadas de API para produtos, autenticação de usuário) e efeitos colaterais.
6.  **Estratégias para testar o gerenciamento de estado** de forma eficaz.

Forneça exemplos de código claros e concisos em JavaScript/TypeScript para ilustrar os conceitos, preferencialmente dentro do contexto de um aplicativo de e-commerce."