In this article, we will show how you to use the  previously implemented GraphQL service for Asset Control in a React app to dynamically generate graphs of FX rates.

This time, we will start from the end and show the app first before we then have a look at the implementation.

In any case, you can find the source code here:  https://github.com/mhmtio/react-fxrates

The React app in action

The app allows you to select one of EUR, GBP or USD as the base currency and either one or two of the others as the quote currency.

Using the GraphQL service it then fetches FX rate data from Asset Control and displays it in a graph. Neat, no? Let’s take a look at the implementation.

#graphql #asset-control #react