The Ultimate
Snippet Library.

Reacting to CSS Media Queries with useMediaQuery Hook

Develop a useMediaQuery React hook to programmatically detect CSS media query matches, enabling dynamic and responsive UI components in JavaScript based on screen size.

Detecting Clicks Outside a Component with useClickOutside Hook

Create a useClickOutside React hook to handle UI interactions like closing modals, dropdowns, or tooltips when a user clicks anywhere outside a specific element.

Simplifying Boolean State with useToggle Hook

Implement a concise useToggle React hook to manage simple boolean states (true/false), providing a cleaner and more readable API than direct useState calls.

Maintaining Insertion Order with `collections.OrderedDict`

Learn how to use Python's `collections.OrderedDict` to preserve the order in which items are inserted into a dictionary, crucial for consistent data processing.

Simplifying Dictionary Initializations with `collections.defaultdict`

Discover how `collections.defaultdict` automatically initializes dictionary values, simplifying code for grouping items or accumulating data without explicit `if` checks.

Creating Immutable Data Records with `collections.namedtuple`

Learn to use Python's `collections.namedtuple` to create lightweight, immutable objects with named fields, enhancing code readability and data access.

Using `frozenset` for Immutable Set Keys and Membership Testing

Explore `frozenset` in Python to create immutable sets, enabling their use as dictionary keys or for efficient, hashable collections in various data structures.

Monitor Website Availability with Bash

A Bash script to periodically check if a website is online and notify if it's down, useful for site reliability and basic health checks.

Create Timestamped Backups of Directories

A Bash script to automatically create compressed, timestamped backups of a specified directory, essential for data recovery and versioning.

Parse and Extract Data from JSON with `jq`

Learn how to use `jq` in Bash to efficiently parse JSON output from APIs or files, extracting specific fields and transforming data for scripting.

Check and Restart a Linux Service or Process

A Bash script to verify if a specified process or service is running and, if not, restart it, ensuring continuous application availability.

Efficient Event Handling with DOM Event Delegation

Efficiently handle events for multiple child elements using a single event listener on a parent. This optimizes performance, simplifies code, and supports dynamic content.