Serverless Web Applications with AWS Amplify by Unknown

Author:Unknown
Language: eng
Format: epub

Chapter 4 IntegratIng reSt apIS wIth a Frontend reaCt app

LINE 17: Until the API call is not a success, the value of items will be an empty array; hence, nothing will be rendered on the UI.

Note here, you can show a loader component until the value of itemList is empty, and when the itemList is not empty, show the title. In this way, we can achieve the functionality of showing loader whenever there is an apI call happening in the background.

LINE 18: Render the title from the item to show on the UI.

Run the server and load the page on the browser; you will see the list.

If you want to see the API getting called and response, open the Network tab, as shown in Figure 4-2.

Figure 4-2. List of data from REST APIs

Let’s modify our application further to show the status of which item is done and which is not:

17: {todoList.map((item) => {

18: return (

19: <li>{item.done ? <strike>{item.title}</strike> : item.

title}</li>

20: );

21: })}

104

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.