Premium
JAVASCRIPT Snippets.

Validate URL Format with Regex

Implement a JavaScript function to validate URLs, ensuring they follow standard protocols (http/https) and domain structures.

Validate Strong Password with Regex Criteria

Check password strength in JavaScript using regex to enforce requirements like uppercase, lowercase, numbers, special characters, and minimum length.

Extract Hashtags from Text String

Discover how to efficiently extract all hashtags from a given text string using a regular expression in JavaScript, perfect for social media features.

Remove HTML Tags from String Input

Sanitize user input by removing all HTML tags from a string using a regular expression, preventing potential cross-site scripting (XSS) vulnerabilities.

Implement a Repeating Interval with `useInterval` React Hook

Create a custom React `useInterval` hook to easily manage `setInterval` logic within your components, ensuring proper cleanup on unmount and preventing memory leaks.

Attach and Clean Up Event Listeners with `useEventListener` React Hook

Create a reusable `useEventListener` React hook to easily attach and remove DOM event listeners, improving component lifecycle management and preventing memory leaks.

Execute Code on Component Mount and Unmount with Custom Hooks

Implement `useMount` and `useUnmount` React hooks to run specific logic exactly once when a component is mounted or unmounted, mimicking class component lifecycles.

Safely Use `useLayoutEffect` in SSR Environments with `useIsomorphicLayoutEffect`

Implement `useIsomorphicLayoutEffect` to conditionally use `useLayoutEffect` on the client-side and `useEffect` on the server-side, preventing SSR warnings in React.

Detect Key Presses Globally with the `useKeyPress` React Hook

Create a `useKeyPress` hook to easily monitor the state of specific keyboard keys (pressed or not) across your React application for interactive UIs.

Efficiently Swap the Positions of Two DOM Elements

Learn how to programmatically swap the visual positions of two existing DOM elements on a webpage using native JavaScript, ensuring efficient DOM manipulation without full re-renders.

Programmatically Scroll to an Element with Smooth Behavior

Implement smooth scrolling to any target DOM element using JavaScript's `scrollIntoView` method. Enhance user experience by guiding visitors to specific content sections seamlessly.

Read and Modify CSS Custom Properties (Variables) with JavaScript

Dynamically update and retrieve CSS custom properties (variables) using JavaScript. This allows for powerful client-side theme switching, dynamic styling adjustments, and responsive designs.