Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Build a React Native Todo Application

via egghead.io

Overview

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.

Syllabus

  • Setup React Native for iOS and Android
  • Create the Basic React Native Todo Application Layout
  • Create a React Native TextInput
  • Add a Toggle All Complete Button with React Native TouchableOpacity
  • Create a List of Items with a React Native ListView
  • Add a Complete Toggle with React Native Switch
  • Add a Remove Item Button to Each Row with React Native TouchableOpacity
  • Filter Items in the React Native List View
  • Add the Total Remaining Item Count to the Footer with React Native Text
  • Add a Clear All Complete Button to the Footer with React Native TouchableOpacity
  • Persist Items with React Native AsyncStorage
  • Add a Loading Indicator While Loading Items with React Native ActivityIndicator
  • Inline Edit Todo Items in a React Native ListView

Taught by

Jason Brown

Reviews

4.3 rating at egghead.io based on 111 ratings

Start your review of Build a React Native Todo Application

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.