Premium
JAVASCRIPT Snippets.

Custom React Hook to Detect Clicks Outside an Element

Implement a React hook to easily detect clicks occurring outside a specified DOM element. Perfect for closing modals, dropdowns, or popovers when users click away.

Custom React Hook for Dynamic Window Dimensions

A React hook that provides real-time updates for the browser window's width and height. Essential for creating responsive components that adapt to screen size changes.

Custom React Hook for Element Visibility Detection

A React hook leveraging the Intersection Observer API to detect when an element enters or exits the viewport. Ideal for lazy loading images, infinite scrolling, or scroll-triggered animations.

Custom React Hook for Asynchronous Data Fetching

Manage the lifecycle of any asynchronous operation (loading, error, data) with a clean, reusable React hook. Simplifies data fetching and state management for API calls.

Implementing CSRF Protection with csurf Middleware in Node.js

Protect your Node.js Express application from Cross-Site Request Forgery (CSRF) attacks using the `csurf` middleware for token-based validation.

Sanitizing User-Generated HTML Content Before Display in JavaScript

Safely display user-provided HTML content in your web application by sanitizing it to prevent Cross-Site Scripting (XSS) vulnerabilities using DOMPurify.

Validate Strong Passwords with Multiple Criteria

Implement a regex pattern to enforce strong password policies, requiring uppercase, lowercase, numbers, and special characters for enhanced security.

Generate URL-Friendly Slugs from Strings

Discover how to transform any string into a clean, URL-friendly slug by lowercasing, replacing spaces, and removing special characters with regex.

Extract Specific Data Attributes from HTML Strings

Use regex to efficiently extract values from specific `data-*` attributes within an HTML string, useful for custom templating or parsing.

Set Secure HTTP-Only Cookies with Node.js Express

Learn to securely set cookies in Node.js Express applications, using HttpOnly, Secure, and SameSite attributes to protect against XSS and CSRF attacks.

Safely Validate Input with ReDoS-Resistant Regular Expressions

Protect your web applications from Regular Expression Denial of Service (ReDoS) attacks by crafting efficient and non-vulnerable regex patterns for input validation.

Manage Sensitive API Keys Using Environment Variables in Node.js

Learn to safeguard your application's sensitive information, like API keys, by storing them in environment variables instead of hardcoding them into your Node.js code.