Quando quis atualizar minhas habilidades em React.js, rapidamente comecei a criar um painel de controle de criptomoedas, seus preços e outros aspectos do valor digital. Começar a usar o React.js é muito fácil. create-react-app {name} e o senhor já pode começar a trabalhar. Fazer a API funcionar não é rápido, especialmente se eles não aceitarem solicitações de origem cruzada.

Eu me propus a encontrar o proxy Node.js mais fácil possível e acho que o encontrei: http-proxy-middlewareVeja como foi fácil usá-lo:

// ... after `npm install express http-proxy-middleware`

const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');

const app = express();
app.use('/coins/markets', createProxyMiddleware({ 
    target: 'https://api.coingecko.com/api/v3/coins/markets?vs_currency=USD&order=market_cap_desc&per_page=100&page=1&sparkline=false',
    headers: {
        accept: "application/json",
        method: "GET",
    },
    changeOrigin: true
}));
app.listen(3001);

Depois de node server.js for executado, posso clicar em http://localhost:3001/coins/markets do meu aplicativo React e receber cotações da API da CoinGecko. Perfeito!

Sou muito grato por projetos como o http-proxy-middleware pois eles nos permitem superar facilmente os problemas de desenvolvimento e nos ajudam a seguir em frente!

  • Expressões regulares para o restante de nós

    Mais cedo ou mais tarde, o senhor se deparará com uma expressão regular. Com sua sintaxe enigmática, documentação confusa e enorme curva de aprendizado, a maioria dos desenvolvedores se contenta em copiá-las e colá-las do StackOverflow e torcer para que funcionem. Mas e se o senhor pudesse decodificar as expressões regulares e aproveitar seu poder? Em…

  • Criando efeitos de paralaxe de rolagem com CSS

    Introdução Há muito tempo, os sites com o chamado efeito “parallax” são muito populares… Caso o senhor não tenha ouvido falar desse efeito, ele basicamente inclui diferentes camadas de imagens que se movem em diferentes direções ou com diferentes velocidades. Isso leva a uma…