Pular para o conteúdo
Skillpedia
APIs e servidores (backend)48 mil · #3666

native-data-fetching

Ajuda seu agente a buscar dados pela internet ou APIs. Ele lida com erros, cache e como os dados são carregados.

O que ela faz

Esta ferramenta ajuda você a conectar seu aplicativo à internet para buscar ou enviar informações. Ela cobre desde o básico de como fazer uma chamada até como lidar com problemas de rede e guardar dados para usar sem internet.

Quando usar

  • ✓Quando você precisa buscar dados de um site ou serviço.
  • ✓Se sua aplicação precisa funcionar mesmo sem conexão com a internet.
  • ✓Para resolver problemas quando os dados não estão sendo carregados corretamente.

Exemplo do que pedir para a IA

“Como faço para buscar informações de uma API em meu aplicativo?”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/native-data-fetching/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/native-data-fetching/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

Ela funciona guiando você sobre as melhores formas de fazer requisições de rede, como usar bibliotecas populares para buscar dados e como configurar o aplicativo para que ele funcione bem em diferentes situações de rede.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add sickn33/agentic-awesome-skills --skill native-data-fetching

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/native-data-fetching/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Rede Expo

Você DEVE usar esta habilidade para QUALQUER trabalho de rede, incluindo requisições de API, busca de dados, cache ou depuração de rede.

Guia Detalhado

Leia o guia detalhado antes de executar esta habilidade. Ele contém o procedimento completo e o material de referência. Trate seus requisitos de segurança, pré-requisitos e validação como obrigatórios. Para trabalhos focados, carregue as seções relevantes; para trabalhos de ponta a ponta, leia o guia completamente.

Quando Usar

Use esta habilidade quando:

  • Implementando requisições de API
  • Configurando busca de dados (React Query, SWR)
  • Usando carregadores de dados do Expo Router (useLoaderData, SDK web 55+)
  • Depurando falhas de rede
  • Implementando estratégias de cache
  • Lidando com cenários offline
  • Gerenciamento de autenticação/tokens
  • Configurando URLs de API e variáveis de ambiente

Exemplos de Invocações

Usuário: "Como faço chamadas de API no React Native?" -> Use fetch, envolva com tratamento de erros

Usuário: "Devo usar React Query ou SWR?" -> React Query para aplicativos complexos, SWR para necessidades mais simples

Usuário: "Meu aplicativo precisa funcionar offline" -> Use NetInfo para status, persistência do React Query para cache

Usuário: "Como gerencio tokens de autenticação?" -> Armazene no expo-secure-store, implemente fluxo de atualização

Usuário: "As chamadas de API estão lentas" -> Verifique a estratégia de cache, use React Query staleTime Usuário: "Como configuro URLs de API diferentes para desenvolvimento e produção?" -> Use variáveis de ambiente EXPOPUBLIC com arquivos .env.development e .env.production Usuário: "Onde devo colocar minha chave de API?" -> Chaves seguras para o cliente: EXPOPUBLIC em .env. Chaves secretas: variáveis de ambiente sem prefixo apenas em rotas de API

Usuário: "Como carrego dados para uma página no Expo Router?" -> Veja references/expo-router-loaders.md para carregadores em nível de rota (web, SDK 55+). Para nativo, use React Query ou fetch.

Limitações

  • Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo de seu produto ou API upstream.
  • Verifique comandos, comportamento da API, preços, cotas, credenciais e efeitos de implantação contra a documentação oficial atual antes de fazer alterações.
  • Não trate exemplos gerados como substitutos para testes específicos do ambiente, revisão de segurança ou aprovação do usuário para ações destrutivas ou custosas.
Perguntas frequentes

O que são 'API requests'?

São como pedidos que seu aplicativo faz para outros serviços na internet para obter ou enviar informações.

Por que é importante lidar com erros de rede?

Para que seu aplicativo não trave ou mostre mensagens confusas se a conexão falhar, oferecendo uma experiência melhor para o usuário.

O que é 'caching'?

É guardar temporariamente informações que já foram buscadas para que o aplicativo possa acessá-las mais rápido da próxima vez, sem precisar buscá-las novamente na internet.

Detalhes

Descrição original do autor

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#3666
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas