The Ultimate
Snippet Library.

Creating a Sticky Footer with Flexbox

Implement a sticky footer that consistently stays at the bottom of the viewport, pushing content above it to fill available space using Flexbox layout.

Responsive Navigation Bar with Flexbox

Build a flexible navigation bar that adapts to screen sizes, displaying horizontally on large screens and stacking vertically on smaller devices using Flexbox and media queries.

Effortless Centering with Flexbox

Master the simple and robust way to perfectly center any element, both horizontally and vertically, within its parent container using Flexbox properties.

Distributing Space Evenly Between Flex Items

Learn to distribute space around, between, or evenly across flex items, creating balanced layouts with consistent gaps, using `justify-content` and the `gap` property.

Implement CSRF Protection with Express and `csurf`

Protect web applications from Cross-Site Request Forgery (CSRF) attacks by integrating a token-based middleware in Express.js for secure form submissions.

Configure Essential Security HTTP Headers in Express

Enhance web application security by setting critical HTTP headers like HSTS, CSP, X-Frame-Options, and X-Content-Type-Options using Helmet.js in Express.

Server-Side Input Sanitization for XSS Prevention

Sanitize user-provided input on the server-side to prevent Cross-Site Scripting (XSS) attacks, ensuring only safe content is processed and displayed.

Configure Secure and HttpOnly Cookies in Express

Enhance session security by setting `HttpOnly`, `Secure`, and `SameSite` flags on cookies in Express.js, protecting against XSS attacks and CSRF.

Get the Previous Value of a State or Prop

A custom React hook to efficiently track and return the previous value of any state or prop, ideal for comparing current and past values in useEffect.

Track and Access Browser Window Dimensions

A custom React hook to get and react to changes in the browser window's `width` and `height`, useful for creating responsive UI components.

Declarative setInterval Hook for React

A reliable custom React hook to easily manage `setInterval` functionality, preventing common closure issues and ensuring proper cleanup.

Copy Text to Clipboard with a React Hook

A custom React hook to simplify copying text to the user's clipboard, providing feedback on success or failure of the operation.