Como construir e consumir APIs simuladas em aplicativos React usando Mirage.js

Leitores como você ajudam a apoiar o MUO. Quando você faz uma compra usando links em nosso site, podemos ganhar uma comissão de afiliado. Consulte Mais informação.

Ao desenvolver aplicativos full-stack, uma parte significativa do trabalho de front-end depende de dados em tempo real do back-end.

MUO Vídeo do dia ROLE PARA CONTINUAR COM O CONTEÚDO

Isso pode significar que você deve adiar o desenvolvimento da interface do usuário até que a API esteja disponível para uso. No entanto, esperar que a API esteja pronta para configurar o frontend pode reduzir consideravelmente a produtividade e estender os prazos do projeto.

coisas legais para fazer com um pen drive

Uma ótima solução para esse desafio envolve a utilização de APIs simuladas. Essas APIs permitem que você desenvolva e teste seu front-end usando dados que imitam a estrutura dos dados reais, tudo sem depender da API real.

Primeiros passos com APIs simuladas Mirage.js

Mirage.js é uma biblioteca JavaScript que permite criar APIs simuladas, completas com um servidor de teste em execução no lado do cliente do seu aplicativo web. Isso significa que você pode testar seu código de front-end sem precisar se preocupar com a disponibilidade ou o comportamento de sua API de back-end real.

Um laptop mantido em uma mesa com código aberto na tela.

Para usar Mirage.js, primeiro você precisa criar endpoints de API simulados e definir as respostas que eles devem retornar. Em seguida, o Mirage.js intercepta todas as solicitações HTTP feitas pelo seu código de front-end e retorna as respostas simuladas.

como editar um vídeo no iphone 7

Quando sua API estiver pronta, você poderá facilmente passar a usá-la alterando apenas a configuração do Mirage.js.