The best practice with Google Place Autocomplete API on React
Using Google Place Autocomplete without third-party library
Autocomplete is a feature of the Places library in the Maps JavaScript API. When a user starts typing an address, autocomplete fills in the rest.
- Save Search History in client's storage
- Search Places
- View Search history
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
Node.js and npm installed on your local machine
Clone the repository:
git clone
Navigate to the project directory:
cd google-place-autocomplete
npm install
Change the Google Maps API Key in SearchLocationInput.js:
https://maps.googleapis.com/maps/api/js?key=<API_KEY>&libraries=places
npm run start
The application will be available at http://localhost:3000.
- ReactJS - JavaScript library for building user interfaces
- Axios - Promise-based HTTP client for making API requests
- Google Maps API