Premium
JAVASCRIPT Snippets.

Validate Full URL Structure with Regex

Learn to validate complete URL structures, including protocol, domain, path, and query parameters, using a powerful JavaScript regex for reliable input checks.

Enforce Strong Password Requirements with Regex

Implement strong password validation using a single regex pattern in JavaScript, ensuring passwords contain uppercase, lowercase, numbers, and special characters.

Extract All Image URLs from HTML Content

Discover how to extract all image source URLs (src attributes) from an HTML string using a regular expression in JavaScript, perfect for content parsing tasks.

Validate Hexadecimal Color Codes (Short and Long)

Validate both 3-digit (#RGB) and 6-digit (#RRGGBB) hexadecimal color codes, with or without the hash, using a simple JavaScript regex pattern.

Extract Query Parameters from a URL String

Discover how to extract specific query parameters or all parameters from a URL string using JavaScript regex, useful for client-side routing or data retrieval.

Validate Basic Password Strength Requirements

Implement a JavaScript function with regex to check basic password strength, ensuring it includes uppercase, lowercase, numbers, and minimum length.

Remove HTML Tags from a String for Sanitization

Learn to effectively strip HTML tags from user-provided strings using a simple JavaScript regular expression, preventing XSS vulnerabilities and cleaning content.

useDebounce Hook for Delaying State Updates

Implement a custom `useDebounce` React hook to delay the update of a value, preventing excessive re-renders or API calls during rapid input changes.

useClickOutside Hook for Detecting Clicks Outside an Element

Create a `useClickOutside` React hook to detect clicks occurring outside a specified DOM element, perfect for closing dropdowns, modals, or tooltips.

useFetch Hook for Asynchronous Data Fetching

Develop a reusable `useFetch` React hook to manage data fetching, including loading, error, and data states, simplifying API integrations in components.

useIsMounted Hook to Track Component Mount Status

Create a simple `useIsMounted` React hook to safely determine if a component is currently mounted, preventing state updates on unmounted components.

useArray Hook for Managing Array State

Implement a `useArray` React hook providing common utility functions (add, remove, update, clear) for managing array state in a declarative way.