The Ultimate
Snippet Library.

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.

Finding Records Without Related Data (Anti-Join)

Discover how to efficiently find records in one table that do not have a corresponding entry in another related table using an anti-join pattern.

Calculate Changes Between Consecutive Rows Using LAG

Learn to use SQL window functions like `LAG` or `LEAD` to compare a value from the current row with a value from a preceding or succeeding row.

Implement Basic Full-Text Search (PostgreSQL Example)

Discover how to perform basic full-text searches on text columns in your database, returning results based on relevance (PostgreSQL specific).