Build a React Native Application
Dynamically Rendering Components in React Native
Autoplay
Up next
Previous
About
Instead of hard-coding data, we'll look at how to use JSX to loop over an array of items. Looping over items and rendering one component per item is the most common way to display N number of objects on screen.
Summary of Content:
- Make a new array of items
- Use JSX to loop over those items, and display one component per item
- The importance of the
key
prop when looping
Instructor
Links
Comments
Lessons in Build a React Native Application
1. Installing React Native and Creating Your First React Native App
02:17
2. Editing the React Native Component to Display Data on the UI

03:20
3. Extracting and Writing React Native Components

03:23
4. Debugging Errors in React Native

03:41
5. Reuse Components with Props in React Native

01:57
6. Make React Native Components Dynamic with State

03:11
7. Dynamically Rendering Components in React Native

Pro
01:28
8. Rendering Lists in React Native with ScrollView and FlatList

Pro
02:06
9. Styling React Native Components

Pro
04:18
10. Layout Components in React Native with Flexbox

Pro
03:28
11. Installing and Using Third Party React Native Libraries

Pro
03:31
12. React Native Routing and Navigation with the React Navigation Library

Pro
03:48
13. Reacting to Input Events with React Native Controlled Components

Pro
02:23
14. Setting State in React Native with setState

Pro
03:03
15. Exploring Lifecycle Methods in React Native

Pro
02:18
16. Consuming a Node.js HTTP API in React Native

Pro
05:16
17. Displaying Images and Icons in React Native

Pro
04:26
18. Deleting a ToDo Item from a React Native List

Pro
01:31
19. Refactoring Network Code into a React Native Shared Library

Pro
01:38
20. Platform Specific React Native Code and Styles

Pro
03:13
21. Filtering Data with a React Native Segment Component

Pro
02:01
22. Deploying a React Native Application to a iOS or Android Device

Pro
02:17
23. Building a React Native Android APK for Google Play

Pro
02:12
24. Building a React Native iOS IPA file for the App Store

Pro
01:29

Something went wrong
Lesson added to playlist
Create new playlist
Name can't be empty