The Ultimate
Snippet Library.

Archive and Rotate Web Server Log Files

A bash script to archive web server log files with a timestamp, compress them, and optionally remove old archives to manage disk space on the server.

Parse JSON Output with JQ

A bash script demonstrating how to parse and extract specific values from a JSON string or file using the powerful command-line JSON processor, 'jq'.

Simple Timestamped File and Directory Backup

A bash script to create timestamped backups of individual files or entire directories, compressing them into `.tar.gz` archives for safe storage.

useDebounce Hook for Delaying State Updates

Implement a custom `useDebounce` React hook to delay the update of a value, preventing excessive re-renders or API calls during rapid input changes.

useClickOutside Hook for Detecting Clicks Outside an Element

Create a `useClickOutside` React hook to detect clicks occurring outside a specified DOM element, perfect for closing dropdowns, modals, or tooltips.

useFetch Hook for Asynchronous Data Fetching

Develop a reusable `useFetch` React hook to manage data fetching, including loading, error, and data states, simplifying API integrations in components.

useIsMounted Hook to Track Component Mount Status

Create a simple `useIsMounted` React hook to safely determine if a component is currently mounted, preventing state updates on unmounted components.

useArray Hook for Managing Array State

Implement a `useArray` React hook providing common utility functions (add, remove, update, clear) for managing array state in a declarative way.

Vue 3 Composable for Persisting State to Local Storage

Learn to create a custom Vue 3 composable to effortlessly persist reactive state to local storage, ensuring data persistence across page reloads and enhancing user experience.

Vue 3 Pinia Store for Global User Authentication State

Implement a Pinia store in Vue 3 to manage global user authentication state, including login status, user details, and actions, providing a centralized and efficient state management solution.

Vue 3 Teleport for Rendering Modals Outside Component Tree

Utilize Vue 3's Teleport feature to render a modal or dialog component directly into the body, preventing z-index issues and ensuring proper overlay behavior regardless of component nesting.

Vue 3 Dynamic Components for Tabbed Interfaces

Implement a flexible tabbed interface in Vue 3 using dynamic components and the `is` attribute, allowing you to switch between different components dynamically based on user selection.