Premium
JAVASCRIPT Snippets.

Implement CSRF Protection in Express.js

Secure your Express.js applications against Cross-Site Request Forgery (CSRF) attacks by generating and validating CSRF tokens with the 'csurf' middleware.

Secure Password Hashing with bcrypt.js

Learn to securely hash and verify user passwords in Node.js applications using the robust 'bcrypt.js' library to prevent credential theft and enhance security.

Enhance Web Security with HTTP Security Headers

Improve your Node.js application's security posture by setting essential HTTP headers like CSP, HSTS, and X-Frame-Options using the 'helmet' middleware for Express.

Sanitize HTML Input to Prevent XSS Attacks

Effectively prevent Cross-Site Scripting (XSS) vulnerabilities in your web applications by sanitizing untrusted HTML input using the robust DOMPurify library.

Storing Previous State or Prop Values with `usePrevious`

Learn how to create a custom `usePrevious` React hook to easily access the prior value of any state or prop, essential for comparing changes in components.

Debouncing Input Values and Functions with `useDebounce`

Implement a custom `useDebounce` React hook to delay state updates or function calls, optimizing performance for search inputs or frequent events.

Throttling Expensive Operations with `useThrottle` Hook

Discover how to create a `useThrottle` React hook to control the execution rate of functions, preventing performance issues from rapid event firing like scrolling or resizing.

Persisting React State with `useLocalStorage` Hook

Build a `useLocalStorage` React hook to automatically save and load component state from the browser's local storage, ensuring data persistence across sessions.

Detecting Element Visibility with `useIntersectionObserver`

Create a custom `useIntersectionObserver` React hook to efficiently detect when a DOM element enters or exits the viewport, ideal for lazy loading and animations.

Simplify Boolean State with useToggle Hook

Effortlessly manage boolean states in React components using a custom `useToggle` hook, providing a simple function to switch values.

Detect Clicks Outside an Element with useOutsideClick

Implement common UI patterns like closing modals or dropdowns when clicking outside, using a custom React `useOutsideClick` hook.

Attach and Clean Up Event Listeners with useEventListener

A versatile React hook to simplify adding and removing event listeners on DOM elements or the global window/document, ensuring proper cleanup.