The Ultimate
Snippet Library.

Managing Gaps and Gutters with CSS `gap` Property

Efficiently add consistent spacing between Flexbox and Grid items using the modern `gap`, `row-gap`, and `column-gap` properties, simplifying layout.

Automate Simple Website Deployment with Git and Service Restart

Create a bash script to automate website deployment by pulling the latest code from Git and restarting a configured web service or application process.

Manage Environment Variables for Different Environments

Dynamically load environment variables from different .env files (e.g., .env.development, .env.production) using bash for consistent configuration across environments.

Automate Log File Rotation and Compression

Implement a bash script to automatically rotate, compress, and archive web server or application log files, optimizing disk usage and simplifying log management.

Securely Authenticate API Requests with OAuth 2.0 Client Credentials Flow

Demonstrate how to implement the OAuth 2.0 Client Credentials flow in Node.js for secure server-to-server API authentication, obtaining and using an access token.

Consume Real-time API Data using WebSockets in JavaScript

Learn to integrate WebSockets in a frontend JavaScript application to receive and display real-time updates from an API, enhancing user experience.

Upload Files and Data to an API using `multipart/form-data` in JavaScript

Explore how to correctly construct and send `multipart/form-data` requests with files and additional form fields to a backend API using JavaScript's Fetch API.

Ensure Idempotency for API Write Operations to Prevent Duplicates

Implement client-side strategies to make API write requests idempotent, preventing duplicate operations on the server side due to retries or network issues.

Integrate with Legacy SOAP APIs using Node.js

Discover how to consume and interact with a SOAP web service from a Node.js backend application using a dedicated SOAP client library, handling WSDL and XML.

Persist State with a `useLocalStorage` React Hook

Create a custom `useLocalStorage` hook to effortlessly synchronize React component state with the browser's local storage for data persistence.

Get the Previous Value of State or Prop with `usePrevious`

Create a custom React `usePrevious` hook to easily track and access the prior value of any state variable or prop between renders.

Track Window Dimensions with a `useWindowSize` Hook

Implement a `useWindowSize` React hook to get real-time width and height of the browser window, enabling dynamic and responsive UI adjustments.