Add Locations Autocomplete Input Component into React Project | Build React JS Weather App
Автор: DevWebApp
Загружено: 2024-05-18
Просмотров: 191
#reactjs Learn how to use Locations Autocomplete Input Component in React JS Project. The Input allows you to select Location from the provided options and retrieve Latitude and Longitude coordinates.
Link to the source code: https://github.com/DzmitryUr/react-ap...
Link to the first part of the Weather App: • Build Weather App in React JS | Tutorial w...
Link to the OpenWeatherMap API: https://openweathermap.org/api
Link to the Autocomplete component: https://github.com/ErrorPro/react-goo...
⌚️Timestamps:
0:08 Design of the Weather Project with Locations Autocomplete Input
1:11 Refactoring the code by creating the WeatherCard component
6:23 Installing react-google-autocomplete package
7:14 Adding Autocomplete Component to the Project
9:03 Changing handler function to retrieve coordinates and make an API request
12:31 Loading indicator while the data is fetching
14:46 Final testing of the Weather Application
#reactjsforbeginners #reactjstutorialforbeginners #fetchdata #fetchapi #asynchronousprogramming #js #javascriptprojects #frontend #webdevelopment #javascriptbeginner #html #css #html5 #css3 #javascriptcode #javascriptcoding #weatherapp #geolocation
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
