Displaying tabular data fetched from an endpoint
In this section, we’ll get the basic form of the table in place, with an initial set of data retrieved from the server when the component is mounted.
The server application programming interface (API) supports GET
requests to /customers
. There is a searchTerm
parameter that takes the string the user is searching for. There is also an after
parameter that is used to retrieve the next page of results. The response is an array of customers, as shown here:
[{ id: 123, firstName: "Ashley"}, ... ]
Sending a request to /customers
with no parameters will return the first 10 of our customers, in alphabetical order by first name.
This gives us a good place to start. When the component mounts, we’ll perform this basic search and display the results in a table.
Skipping the starting point
If you’re following along using the GitHub repository, be aware that this chapter starts with a barebones CustomerSearch...