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-middleware
Veja 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 resto 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…
Criação de 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…