The Ultimate
Snippet Library.

Automating Nginx/Apache Configuration Reload

Learn to automate web server configuration reloads with a bash script. This snippet safely tests Nginx or Apache configs and reloads services, ideal for deployments.

Deploy Static Files with Rsync over SSH

Automate static website deployments with this bash script using `rsync` over SSH. It efficiently transfers and synchronizes files to a remote server.

React `useToggle` Hook for Managing Boolean States

Simplifies boolean state management in React components, providing a straightforward way to toggle true/false values with minimal code and improved readability.

React `useCopyToClipboard` Hook for Easy Text Copying

Provides a simple React hook to programmatically copy text to the user's clipboard, complete with state to indicate success or error and a reset mechanism.

React `useMount` Hook for Effects Running Only on Component Mount

Execute a function only once when a React component mounts, providing a clean way to handle initial setup logic without running on subsequent re-renders.

React `useCountdown` Hook for Simple Countdown Timers

Implement a flexible countdown timer in React, allowing developers to specify a starting time and easily manage its state, pause, reset, and check its completion.

React `useHover` Hook for Detecting Element Hover State

Easily detect when a specific DOM element is being hovered over in React, enabling dynamic UI changes or effects based on mouse interactions.

React `useThrottle` Hook for Rate Limiting Functions

Implement a `useThrottle` hook to limit how often a function can run over time, improving performance by preventing excessive executions, especially for events like resizing or scrolling.

React `useDeepCompareEffect` for Complex Dependency Arrays

Enhance `useEffect` by using `useDeepCompareEffect` to trigger effects only when deeply nested objects or arrays in the dependency array truly change, avoiding unnecessary re-renders.

React `useIntersectionObserver` for Element Visibility Detection

Implement lazy loading and infinite scrolling efficiently with `useIntersectionObserver`, a React hook that detects when a target element enters or exits the viewport.

React `useEventCallback` for Stable Callbacks in `useEffect`

Create stable callback functions that can be safely used in `useEffect` dependency arrays without causing unnecessary re-renders or stale closures, improving component performance and reliability.

React `useWhyDidYouUpdate` for Debugging Re-renders

Identify and debug unnecessary React component re-renders by logging changes in props or state using the `useWhyDidYouUpdate` hook, helping optimize application performance.