Course

Build a React Native Todo Application

1
Setup React Native for iOS and Android
4m 48s
2
Create the Basic React Native Todo Application Layout
2m 35s
3
Create a React Native TextInput
4m 29s
4
Add a Toggle All Complete Button with React Native TouchableOpacity
3m 43s
5
Create a List of Items with a React Native ListView
5m 57s
6
Add a Complete Toggle with React Native Switch
3m 19s
7
Add a Remove Item Button to Each Row with React Native TouchableOpacity
1m 48s
8
Filter Items in the React Native List View
6m 44s
9
Add the Total Remaining Item Count to the Footer with React Native Text
40s
10
Add a Clear All Complete Button to the Footer with React Native TouchableOpacity
1m 42s
11
Persist Items with React Native AsyncStorage
1m 6s
12
Add a Loading Indicator While Loading Items with React Native ActivityIndicator
1m 49s
13
Inline Edit Todo Items in a React Native ListView
6m 18s

Create the Basic React Native Todo Application Layout

InstructorJason Brown

Share this video with your friends

Send Tweet

Published 8 years ago

Updated 6 years ago

In this lesson we'll create the basic application layout with a header, content section, and footer. We'll learn to use StyleSheet to create styles to apply to React Native components.

View code on GitHub

Artem

~ 7 years ago

New player doesn't work in chrome mobile.

mike connor

~ 7 years ago

i've clone the 'examples' repo. There is only one branch. How do i get the starter files for the todo example?

Markdown supported.

Become a member to join the discussionEnroll Today

Build a React Native Todo Application

Create the Basic React Native Todo Application Layout

Social Share Links