Premium
JAVASCRIPT Snippets.

Basic HTML Tag Stripping from Text

Safely remove common HTML tags from a string using a simple regex pattern, useful for cleaning content or preventing basic XSS issues when displaying text.

Custom useDebounce Hook for Input Delay

Learn to create a `useDebounce` custom React hook to delay state updates, optimizing performance for search inputs or frequently triggered events.

Custom usePrevious Hook to Track Previous State

Create a `usePrevious` custom React hook to easily access the previous value of a prop or state variable within your functional components.

Custom useClickOutside Hook for Modals/Dropdowns

Create a `useClickOutside` custom React hook to detect clicks outside a referenced element, perfect for closing modals, dropdowns, or popovers.

Custom useWindowSize Hook to Track Window Dimensions

Develop a `useWindowSize` custom React hook to efficiently track and provide the current browser window's width and height for responsive components.

Generate Cryptographically Secure Random Tokens in Node.js

Learn to generate strong, unpredictable random tokens in Node.js using the built-in `crypto` module for secure password resets, API keys, and session IDs.

Implement Content Security Policy (CSP) for XSS Defense

Secure your web application against XSS attacks by implementing a strong Content Security Policy (CSP) header in your Node.js Express server.

Protect API Endpoints with Server-Side Rate Limiting

Implement server-side API rate limiting in Node.js Express applications to prevent abuse, brute-force attacks, and denial-of-service attempts.

Robust Server-Side Input Validation and Sanitization

Implement comprehensive server-side input validation and sanitization using `express-validator` in Node.js to protect against various injection attacks and ensure data integrity.

Insert New Element Before or After a Reference Element

Learn to precisely position new DOM elements by inserting them before or after an existing reference element using JavaScript's `insertBefore` or `insertAdjacentElement` methods.

Dynamically Change Inline CSS Styles of an Element

Explore how to programmatically modify the inline CSS properties of any HTML element directly through JavaScript, enabling dynamic styling changes.

Toggle CSS Classes to Show/Hide Elements

Control element visibility and apply styles using JavaScript by efficiently toggling CSS classes. This is fundamental for interactive UI components like menus or modals.