Covid Tracker

These XState v4 docs are no longer maintained

XState v5 is out now! Read more about XState v5 (opens new window) and check out the XState v5 docs (opens new window).

This example shows a current statistics about COVID-19 pandemic filtered by countries using XState and React. It contains:

• covidMachine - handles country selection, including a "sub-state" responsible for fetching the list of all countries across the globe
• covidDataMachine - handles fetching specific statistics (including confirmed, deaths, recovered cases) based on selected country

The two child components <Indicator /> and <Chart /> that responsibles of rendering data, consumes the service from the MachineProvider context provider