Premium
JAVASCRIPT Snippets.

Vue 3 Reusable Data Fetching Composable

Build a custom Vue 3 Composition API composable for fetching data from an API, providing reactive loading, error, and data states for any component that uses it.

Vue 3 Custom `v-model` for Component Input

Learn how to implement `v-model` functionality on your custom Vue 3 components, enabling two-way data binding for enhanced reusability and clean form handling.

Vue 3 Dynamic Components with `is` and `KeepAlive`

Understand how to dynamically render different components using the `<component :is='...' />` syntax in Vue 3, enhanced with `<KeepAlive>` for state preservation.

Vue 3 Custom Directive for Auto-Focusing Elements

Create a reusable Vue 3 custom directive (`v-focus`) to automatically set focus on an input or other DOM element when it's rendered or updated in the DOM.

Extract All Link URLs from HTML

A JavaScript regex snippet to efficiently find and extract all `href` attribute values from `<a>` tags within an HTML string for scraping or content processing.

Parse URL into Components (Protocol, Host, Path, Query)

A JavaScript regex solution to break down a given URL string into its core components: protocol, host, port, path, and query parameters.

Custom React Hook for Debouncing Values

Optimize performance by delaying state updates with a custom React useDebounce hook, preventing excessive re-renders and API calls during rapid input.

Detect Clicks Outside a React Component

Create a custom React hook `useClickOutside` to easily detect clicks that occur outside a specific DOM element, useful for closing modals or dropdowns.

Track Previous Value of React State or Prop

Keep track of the previous value of any React state or prop using a simple `usePrevious` custom hook, enabling comparisons and conditional logic.

Get Dynamic Window Dimensions in React

Access and react to changes in the browser window's dimensions with a custom `useWindowSize` React hook, enabling responsive UI components.

Extracting All Numerical Values from Text

Learn how to use a regular expression in JavaScript to efficiently extract all sequences of digits from a given string, useful for data cleaning and parsing.

Stripping Basic HTML Tags from a String

Discover how to quickly remove simple HTML tags from a string using a regular expression, perfect for cleaning text content for display purposes.