Build a React Native Todo Application
Offered By: egghead.io
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.
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
Advanced CSS ConceptsMicrosoft via edX Тонкости верстки
Moscow Institute of Physics and Technology via Coursera CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy Build Responsive Real-World Websites with HTML and CSS
Udemy HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy