Build a React Native Application
Exploring Lifecycle Methods in React Native
Autoplay
Up next
Previous
About
A React Native component will fire several different lifecycle methods as it mounts, props change, and is unmounted. It's useful to tap into those lifecycle methods to do certain things, like loading a list of todo items.
We'll explore lifecycle methods by loading a fake list of todo items when a component mounts.
Summary of Content:
- What lifecycle methods are
- Use
setTimeout
to simulate a network call to fetch todo items - Add an
ActivityIndicator
spinner while the items are loading
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