Implementing a real API service
The time has come to actually receive data from the server. Our current data model is still not 100% correct, but the groundwork is there. When we receive the correct data structure from the server, we will need to update our views accordingly. We will leave that part as an exercise for you.
In this section, we will look at pulling our mocked API out of the factory that we created and replacing it with a real API. In our existing tests, we will use Sinon to override the default functionality of our Ajax component with the functionality from our mock API.
Lastly, we will need to create an application configuration object to manage the base path for the API to determine the correct path in both dev and prod.
Replacing the mock API with the real API service
To keep things as simple as possible, we will be using the fetch API to get data from the server. We will begin by breaking all the tests that are currently using the mock API. That is because we are going to...