By the end of this course, you will be able to
Know how to display the search results, modify the location weather to display the information of a specific location, and use React Context to manage your favorite locations.
Understand how to add a new tab with the Stack Navigator together with how to add a search input in the search screen header and style the search page header.
Apply how to persist your favorites using AsyncStorage, style the favorite locations weather data, and add a pull feature to refresh and regularly update the data.
Course details
- 3 h 23 m/19 lessons
- Last updated: 17/5/2022
- Course completion certificate
Course Content
Favourite Locations Screen Overview
Adding a New Tab with a Stack Navigator
Favourite Locations Screen Overview
Adding a New Tab with a Stack Navigator
Adding a Search Input in the Search Screen Header
Moving the Search TextInput to the Search Screen
Styling the Search Page Header
Getting Search Results from the Geocoding API
Search Page Loading, Error & No Results States
Displaying Search Results
Modifying the Location Weather Screen to Display Weather for a Custom Location
Modifying the Location Weather Screen Styling
Using React Context to Manage the Favorite Locations
Using React Context to Manage the Favorite Locations (Cont.)
Persisting the Favorites Using Async Storage
Displaying Favorite Locations Using FlatList
Fetching the Favorite Locations Weather Data
Displaying the Favorite Locations Weather Data
Styling the Favorite Locations Page
Adding Pull to Refresh to Update Weather Data
Refreshing the Weather Information in the Favorites Page
About this course
Mobile applications are used in pretty much every aspect of our lives these days. From social networking, entertainment, and gaming to shopping, commuting, and banking. And if you got an idea for an application that you’d like to build, it could be quite expensive and time-consuming to develop two separate applications, for iOS and Android, with two code bases from scratch. Therefore, this series of five training courses is designed to teach you about React Native that enables developers to utilize the very same code base to effortlessly build native applications operating on both platforms.
Course requirements and prerequisites
This training course requires prior knowledge of JavaScript, ReactJS, and Git.
Mentor
Ali Alaa
Front-end Developer
451 Learners
5 Courses