The Ultimate
Snippet Library.

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.

Check Website Uptime and HTTP Status

A robust Bash script to perform a health check on a given URL, reporting its HTTP status code and response time, essential for monitoring web services.

Batch Rename Files with a Specific Pattern

Automate the renaming of multiple files in a directory using Bash. This script allows you to add prefixes, suffixes, or replace substrings in filenames.

Extract Unique IPs and Request Counts from Access Logs

Analyze web server access logs using Bash to identify unique visitor IP addresses, count their requests, and gain insights into traffic patterns and potential security issues.

Manage a Local Node.js Development Server

A Bash script to easily start and stop a Node.js development server (e.g., Express, React app) using its process ID, streamlining local development workflows.

Global Theme Toggle with useContext

Learn to implement a global theme toggle in React applications using useContext for efficient state sharing without prop drilling, improving UI consistency.

Managing Complex Form State with useReducer

Simplify complex form state logic in React by using the useReducer hook. Ideal for forms with multiple fields and intricate validation or submission flows.