Premium
JAVASCRIPT Snippets.

Implement a useDebounce Hook for Delayed Value Updates

Learn how to create a custom React useDebounce hook to delay updating a value until a specified time has passed, perfect for search inputs or frequent events.

Persist React State with a useLocalStorage Hook

Create a custom React hook, useLocalStorage, to automatically synchronize component state with the browser's local storage, ensuring data persistence.

Create a Reusable useFetch Hook for Data Fetching

Develop a custom React useFetch hook to manage asynchronous data fetching, providing loading, error, and data states for cleaner component logic.

Track Previous State or Prop Values with usePrevious Hook

Learn to create a simple yet powerful React usePrevious hook to easily access the previous value of any state or prop, useful for comparing changes.

Implement Lazy Loading with useIntersectionObserver Hook

Build a React useIntersectionObserver hook to efficiently detect when an element enters or leaves the viewport, enabling lazy loading or scroll-based animations.

Implement Cross-Site Request Forgery (CSRF) Protection in Express.js

Safeguard your Express.js applications against CSRF attacks by integrating the `csurf` middleware, ensuring that all state-changing requests originate from your domain.

Implement API Rate Limiting to Prevent Abuse in Express.js

Protect your Express.js API endpoints from brute-force attacks and excessive requests by implementing robust rate limiting using the `express-rate-limit` middleware.

Validate a Common Email Address Format

A robust JavaScript regex pattern to validate common email address formats, ensuring proper structure for web forms and data processing.

Extract All CSS Hex Color Codes from a String

A JavaScript regex snippet to accurately find and extract all 3-digit and 6-digit CSS hexadecimal color codes (e.g., #FFF, #C0C0C0) from any text.

Parse Query Parameters from a URL String

Use a JavaScript regex pattern to extract and parse all key-value pairs from the query string portion of a URL, useful for client-side routing.

Sanitize a String for Use as a URL Slug

Transform any string into a clean, SEO-friendly URL slug by converting to lowercase, replacing special characters with hyphens, and trimming excess.

Set Secure Cookie Attributes for Web Applications

Secure your web application's cookies in Express.js by implementing `HttpOnly`, `Secure`, and `SameSite` attributes, protecting against XSS, MITM, and CSRF attacks.