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

Build Mobile Apps With React Native and Expo
Laracasts
Capstone (React App)
Meta via Coursera
Learn React Native
Codecademy
Introduction to Mobile App Development
IBM via Coursera
The Ultimate ChatGPT Guide with React Native - Develop Mobile Apps
Packt via Coursera