YoVDO

Build a React Native Todo Application

Offered By: egghead.io

Tags

React Native Courses Mobile Development Courses Flexbox Courses ListView Courses

Course Description

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

Related Courses

Creative, Serious and Playful Science of Android Apps
University of Illinois at Urbana-Champaign via Coursera
Creative Programming for Digital Media & Mobile Apps
University of London International Programmes via Coursera
Pattern-Oriented Software Architectures: Programming Mobile Services for Android Handheld Systems
Vanderbilt University via Coursera
Introduction aux réseaux cellulaires
Institut Mines-Télécom via Independent
Mobile Web Development
Google via Udacity