Premium
JAVASCRIPT Snippets.

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.

Access and Modify Data Attributes on DOM Elements

Understand how to read and update custom `data-*` attributes on HTML elements using JavaScript. This facilitates data-driven DOM interactions and logic without modifying standard attributes.

Making Authenticated API Requests with JWT in JavaScript

Learn how to include a JSON Web Token (JWT) in the Authorization header of your fetch API requests for secure, authenticated communication with backend services.