andriajah Sat Jul 2022 1 year ago

React Native Location Search & Autocomplete - Apartments.com Clone Part 4

In this video you will learn how add autocomplete functionality into your, specifically in regards to location. With that location information, we will use it with React Native Maps to create a wonderful user experience. We will also be using Go to create a proxy server, and the Go framework that we will be using is Iris. On the front end, we will be using React Query to cache recently searched items, and for the location information, we will be using Location IQ.

Front End GitHub Repo: https://github.com/JeremyPersing/apartmentsclone
Back End GitHub Repo: https://github.com/JeremyPersing/apartmentscloneserver

Documentation Used:
Expo Location: https://docs.expo.dev/versions/latest/sdk/location/
React Query: https://react-query.tanstack.com/
Go: https://go.dev/doc/
Iris: https://www.iris-go.com/docs/#/

00:00 - 01:03 Intro
01:04 - 15:02 Creating Our Server
15:03 - 19:15 Creating Functions to Call Server Endpoints
19:16 - 21:57 Starting on FindLocationsScreen
21:58 - 25:20 Creating ModalHeader Component
25:21 - 36:05 Continue Building FindLocationsScreen - Implement Autocomplete
36:06 - 36:16 Autocomplete Demo
36:17 - 42:02 Continue FindLocationsScreen - Make Autocomplete Suggestions Functional
42:03 - 42:36 Demo
42:37 - 50:41 Display Searched Location & Get User's Current Location
50:42 - 50:50 Current Location Demo
50:51 - 1:03:57 Implement Recent Searches Cache
1:03:58 - 1:04:39 Recent Searches Demo
1:04:40 - 1:05:21 Outro & What's Next