📱
ChatGPT intermediate

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

4 usos React Native

Prompt completo

"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

Tags relacionadas

React Native Melhores práticas em React Native gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico