Build a React Native Todo Application (2017)

WEBRip | English | MP4 | 1280 x 720 | AVC ~333 kbps | 25 fps

AAC | 128 Kbps | 44.1 KHz | 2 channels | 00:45:03 | 150 MB

Genre: Video Tutorial

In this course we’ll explore getting started with a basic React Native application on both iOS and Android. We’ll learn about using React Native components, how to build custom components, how to layout an application using Flexbox, and how to style components.

We’ll also focus on how to use state to control components, how to persist information across application reloads with AsyncStorage, and how to inline edit in a ListView.

The ultimate goal is to gain an understanding of how to get started building simple React Native applications.

Content:

01. Setup React Native for iOS and Android

02. Create the Basic React Native Todo Application Layout

03. Create a React Native TextInput

04. Add a Toggle All Complete Button with React Native TouchableOpacity

05. Create a List of Items with a React Native ListView

06. Add a Complete Toggle with React Native Switch

07. Add a Remove Item Button to Each Row with React Native TouchableOpacity

08. Filter Items in the React Native List View

09. Add the Total Remaining Item Count to the Footer with React Native Text

10. Add a Clear All Complete Button to the Footer with React Native TouchableOpacity

11. Persist Items with React Native AsyncStorage

12. Add a Loading Indicator While Loading Items with React Native ActivityIndicator

13. Inline Edit Todo Items in a React Native ListView