Check if a URL is an absolute URL with JavaScript
Want to know if a string is an absolute URL? This article will help you out.
Code Articles
30 seconds of code contains a curated collection of code articles covering a wide range of development needs. The collection spans many topics, ranging from simple coding problems to theoretical concepts and development techniques.
-
JavaScript · -
JavaScript · Check if two URLs are on the same origin
Can you tell if two URLs are on the same origin? Here's a very simple way to do so.
-
JavaScript · Render DOM elements with JavaScript
Ever wondered how React's rendering works? Here's a simple JavaScript function that renders a DOM tree in a specified container.
-
React · React useClickOutside and useClickInside hooks
Learn how to effectively handle the click event outside or inside a component using custom hooks.
-
JavaScript · Create an HTML element with JavaScript
If you want to create an element from a string without appending it to the document, you can use a few lines of JavaScript.
-
React · React useInterval hook
Wrapping your mind around React hooks and how they interact with
setInterval()can be difficult. Here's a guide to get you started. -
JavaScript · Remove an element from the DOM using JavaScript
Learn how to quickly remove an element from the DOM using JavaScript.
-
React · Advanced React state hooks
Is
useState()too limited for you? PerhapsuseReducer()doesn't quite cut it either? Let's explore some advanced state management hooks. -
React · How can I implement React's lifecycle methods using hooks?
If you're transitioning from class components to functional components, you can replicate the behavior of lifecycle methods using hooks.
-
React · Persisting state in React
Learn how to persist state in React using hooks and
localStorageorsessionStorage. -
React · React useHash and useSearchParam hooks
Track the browser's location hash value and search params with this pair of custom hooks.
-
React · React hooks to handle window and environment events
Learn how to use React hooks to handle window events, media queries, server-side rendering and more.
-
React · Listening for events with React hooks
Learn how to create custom hooks to listen for events in React.
-
React · React useFetch hook
Implement
fetch()in a declarative manner using React hooks. -
React · React useMutationObserver hook
Use the
MutationObserverAPI to watch for changes made to the DOM tree. -
React · Force a React component to re-render
Ever wanted to force update a React component? Here's a custom hook that does just that.
-
React · React usePortal hook
Create a portal, allowing rendering of children outside the parent component, with this custom hook.
-
React · React useIntersectionObserver hook
Observe visibility changes for a given element, using the
IntersectionObserverAPI. -
React · React useEffectOnce hook
Run a callback at most once when a condition becomes true, using a custom React hook.
-
React · How can I use a React hook to change the title of a page?
Ever wanted to change the title of a page in a React app? You can create a custom hook to do just that.
-
React · React useError hook
Use this little trick to create an error dispatcher in React.
-
React · React useRequestAnimationFrame hook
Turn
requestAnimationFrame()into a custom hook to animate your React components. -
React · React useScript hook
Ever wanted to dynamically load an external script in React? Here's a trick to help you out.
-
React · React useTimeout hook
Implement
setTimeout()in a declarative manner, using a custom hook.