Melhores práticas de melhores práticas em react native para React Native

Prompt gerado automaticamente para Melhores práticas em React Native em React Native

5.0
49 usos
ChatGPT
Usar no ChatGPT
"Você é um engenheiro de software sênior, especialista em desenvolvimento mobile com React Native. Crie um guia detalhado e prático sobre 'Melhores Práticas para Otimização de Performance em Aplicações React Native', abordando os seguintes tópicos:

1.  **Gerenciamento de Estado Eficiente:**
    *   Comparação entre Context API, Redux e Zustand, com exemplos de quando usar cada um para performance.
    *   Estratégias para evitar re-renderizações desnecessárias (memoização com `React.memo`, `useCallback`, `useMemo`).
    *   Discussão sobre a granularidade do estado e como isso afeta a performance.

2.  **Otimização da Renderização de Listas Grandes (`FlatList`, `SectionList`):**
    *   Uso correto de `keyExtractor`, `getItemLayout`.
    *   Virtualização e windowing: como configurar `initialNumToRender`, `maxToRenderPerBatch`, `windowSize`.
    *   Estratégias para renderização de componentes complexos dentro de listas (ex: `PureComponent` ou `React.memo`).

3.  **Performance de Imagens e Mídias:**
    *   Formato e compressão de imagens (WebP, JPEG progressivo).
    *   Lazy loading de imagens.
    *   Uso de bibliotecas otimizadas para imagens (ex: `react-native-fast-image`).
    *   Cache de imagens.

4.  **Navegação Otimizada (`React Navigation`):**
    *   Estratégias para evitar que telas pesadas na pilha de navegação impactem a performance.
    *   Lazy loading de componentes de tela.
    *   Otimização de transições e animações.

5.  **Análise e Debugging de Performance:**
    *   Ferramentas nativas de profiling (XCode Instruments, Android Studio Profiler).
    *   Uso do React DevTools Profiler.
    *   Identificação de gargalos (bottlenecks) comuns em aplicações React Native.

6.  **Gerenciamento de Memória:**
    *   Identificação e prevenção de memory leaks.
    *   Uso eficiente de recursos nativos.

Para cada tópico, inclua

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

Outros prompts de React Native

Continue explorando prompts nesta categoria.

Melhores práticas de melhores práticas em react native para React Native

Prompt gerado automaticamente para Melhores práticas em React Native em React Native

Melhores práticas de ferramentas para react native para React Native

Prompt gerado automaticamente para Ferramentas para React Native em React Native

Melhores práticas de fundamentos de react native para React Native

Prompt gerado automaticamente para Fundamentos de React Native em React Native