When you want to refresh your React.js skills, you can quickly move to create a dashboard of cryptocurrencies, their prices, and and other aspects of digital value. Getting rolling with React.js is a breeze — create-react-app {name} and you’re off and running. Getting the API working isn’t quick, especially if they don’t accept cross-origin requests.

So, you set out to find the easiest possible Node.js proxy and you think you found it: http-proxy-middleware; check out how easy it was to use:

// ... 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);

After node server.js is executed, you can hit http://localhost:3001/coins/markets from my React app and receive quotes from CoinGecko’s API. Perfect!

We’re so grateful for projects like http-proxy-middleware ; they allow us to easily move past development issues and help us move forward!

Code Development JavaScript Node Web Development