React and React Native - Fifth Edition

20

Rendering Item Lists

In this chapter, you’ll learn how to work with item lists. Lists are a common web application component. While it’s relatively straightforward to build lists using the <ul> and <li> elements, doing something similar on native mobile platforms is much more involved.

Thankfully, React Native provides an item list interface that hides all of the complexity. First, you’ll get a feel for how item lists work by walking through an example. Then, you’ll learn how to build controls that change the data displayed in lists. Lastly, you’ll see a couple of examples that fetch items from the network.

We’ll cover the following topics in this chapter:

• Rendering data collections
• Sorting and filtering lists
• Fetching list data
• Lazy list ...