Explore tweets tagged as #useGeolocation
I built a @reactjs hook for a code challenge: useGeoLocation ❤️🌎. It relies on the native API "geolocation.getCurrentPosition", and it is fully typed with @typescript!
0
5
26
🎣React Custom Hooks Series: useGeolocation🎣. 🌍📍 The useGeolocation hook uses the navigator API to fetch the user's location. #ReactJS #CustomHooks #CodingTips #juniordeveloper #juniordev #reactjsdevelopers #100DaysOfCode #reactnative #javascript #webdev #useGeolocation
0
0
1
These are useful custom React Hooks collection libraries🚀. 1. aHooks - for React Hooks related to data fetching.2. React Use - for hooks such as useGeoLocation().3. React Hooks Library - for hooks such as useFont(). #reactjs #reacthooks #webdevelopment #frontenddev.
0
2
5
🎣React Custom Hooks Series: useGeolocation🎣. 🌍📍 The useGeolocation hook uses the navigator API to fetch the user's location. #ReactJS #CustomHooks #CodingTips #juniordeveloper #juniordev #reactjsdevelopers #100DaysOfCode #reactnative #javascript #webdev #useGeolocation
🎣React Custom Hooks Series: useCopyToClipboard🎣. 📋This powerful hook allows you to effortlessly copy text to the user's clipboard when they click a button or trigger an event. #ReactJS #CustomHooks #juniordev #100DaysOfCode #reactnative #javascript #webdev #useCopyToClipboard
1
0
5
A simple custom 'useGeoLocation' hook in #react to manage the state of the geolocation data, including latitude, longitude, and error messages. You can find the running example at #webdevelopment #javascript #programming #coding #frontend
0
0
2
Completed Day12 of #50DaysOfCode. Today I worked on creating 5 more custom react hooks which will help us in every project. useMediaQuery Hook.useGeoLocation Hook.useStateWithValidation Hook.useSize Hook.useEffectOnce Hook.
0
0
1
🚀 Day 25 of #100DaysOfCode!. Today's progress:.- Revised Day 5 concepts: handling events, useState, & React Developer Tools.- Built a useGeolocation custom hook.Codesandbox:. looking forward to learning more!🔥🔥.#React #JavaScript #connect #buildinpublic
🚀 Day 5 of #100DaysOfCode!. Today's progress:.- Handling events.- React state & it's mechanics.- Date counter challenge: - Built the steps component 🔥👇. Wishing everyone a happy Sunday and a lovely week ahead!. #React #JavaScript #buildinpublic #connect
1
2
9
Today's learning 💡. 👉Created a custom hook to fetch geolocation using the Navigator Web API! .📍 Check it out: @jonasschmedtman #React #FrontEnd #LearnInPublic
0
0
1
@buildWithKris Maybe would be better named as useGeolocation due to useLocation naming conflict with react router or such.
1
0
2
Hooks:.✔ useBattery.✔ useClickAway.✔ useCopyToClipboard.✔ useCounter.✔ useDebounce.✔ useDefault.✔ useDocumentTitle.✔ useFavicon.✔ useGeolocation.✔ useHistoryState.✔ useHover.✔ useIdle.✔ useIntersectionObserver.✔ useIsClient.✔ useIsFirstRender.
1
0
0
How to Create It? 🤔 . 1️⃣ Import the useState and useEffect hooks from React. 2️⃣ Define a function called useGeolocation that takes no parameters.
1
0
0
#100DaysOfCode Day 42 REACT.Created a custom React hook, `useGeolocation`, for handling geolocation:.- Manages position, error, and loading state. - Utilizes `navigator.geolocation` to get the user's current position. - Implemented a `Geolocation` component using the custom hook.
1
0
1
For example, you can create a component called LocationDisplay that renders the user's location on the screen using the useGeolocation custom hook. You can check out the code snippet of the LocationDisplay component in the second image.
1
0
0
@dub_apps Valid point! useLocation is a default export, so you could easily import it as useGeolocation to not interfere with another useLocation hook.
0
0
1