The Ultimate
Snippet Library.

Work with Custom Data Attributes (data-*)

Store and retrieve custom data directly on HTML elements using `data-*` attributes and JavaScript's `dataset` API. Enhance interactivity and manage dynamic content efficiently.

Implement Smooth Scroll to an Element

Guide users smoothly to specific sections or elements on a web page using JavaScript's `scrollIntoView()` method. Enhance user experience for navigation or 'back to top' features.

Implement a Debounce Hook for React Inputs

Learn how to create a custom `useDebounce` React hook to delay executing a function until after a certain time, optimizing performance for search inputs or expensive operations.

Adapt UI to CSS Media Queries with React Hook

Develop a `useMediaQuery` React hook to detect if a specific CSS media query matches, enabling dynamic and responsive component rendering based on screen size.

Access Previous State or Prop Value in React

Learn to create a `usePrevious` React hook for easily accessing the previous value of any state or prop, useful for comparing current and past data in effects.

Check if an Array Key Exists (isset vs array_key_exists)

Understand the difference between isset() and array_key_exists() for checking if a key exists in a PHP array, and when to use each for robust code.

Determine if a PHP Array is a List (PHP 8.1+)

Discover array_is_list() (PHP 8.1+) to check if an array has sequential, 0-indexed integer keys, useful for differentiating between lists and associative arrays.

Generate an Array with a Range of Numbers or Characters

Efficiently create new PHP arrays containing a sequence of numbers or characters using the range() function, perfect for loops, tests, or data generation.

Automate Remote File Deployment with Rsync

Efficiently synchronize local files to a remote server over SSH. This snippet uses rsync for fast, reliable web deployment and secure, incremental backups.

Monitor and Restart a Background Service

Create a robust bash script to check if a critical web service is running and automatically restart it if inactive, ensuring continuous operation and availability.

Analyze Nginx Access Logs for Errors

Quickly parse Nginx access logs using bash, grep, and awk. Identify 4xx/5xx errors or specific request patterns, crucial for website debugging and performance monitoring.

Create and Rotate Directory Backups

Automate daily or weekly backups of a specified directory using tar and gzip. Implement a smart rotation strategy to keep only a set number of recent backups.