The Ultimate
Snippet Library.

Serverless Function as an API Proxy for Authentication

Use a Node.js serverless function to proxy requests to a third-party API, securely injecting API keys and masking credentials from the frontend.

Implementing a Strict Content Security Policy (CSP)

Learn to implement a robust Content Security Policy (CSP) header in your Express.js application to mitigate Cross-Site Scripting (XSS) and other code injection attacks.

Setting Secure, HTTPOnly, and SameSite Cookie Attributes

Learn to configure essential security attributes (Secure, HTTPOnly, SameSite) for cookies in Express.js to protect against XSS, CSRF, and session hijacking vulnerabilities.

Server-Side Input Validation and Sanitization with Express.js

Implement robust server-side input validation and sanitization using `express-validator` to prevent common web vulnerabilities like XSS, SQL injection, and malformed data.

Preventing SQL Injection with Prepared Statements (PHP PDO)

Learn to prevent SQL injection attacks in PHP by using prepared statements with PDO (PHP Data Objects), ensuring secure interaction with your database.

Implementing API Rate Limiting to Prevent Abuse

Protect your API endpoints from brute-force attacks and abuse by implementing effective rate limiting using the `express-rate-limit` middleware in Node.js.

Custom useNetworkStatus Hook for Online/Offline Detection

A React custom hook to efficiently track and react to changes in the user's network connection status (online or offline), enhancing UI responsiveness.

Custom useElementDimensions Hook for Tracking DOM Element Size

A React hook that provides dynamic dimensions (width, height, position) of a specified DOM element, useful for responsive layouts and animations.

Custom usePrevious Hook for Storing Past State/Props

A simple and powerful React custom hook that tracks and returns the previous value of any state or prop, ideal for comparing values across re-renders.

Custom useCountdown Hook for Timer Functionality

A flexible React custom hook to create and manage countdown timers, perfect for displaying time remaining, limited-time offers, or game mechanics.

Custom useOnScreen Hook for Element Visibility Detection

A React custom hook that uses the Intersection Observer API to detect if a specified DOM element is visible within the viewport, ideal for lazy loading or animations.

Load Environment Variables from .env File

A Bash script to source and export variables from a .env file, making environment-specific configurations accessible in your shell or for specific commands.