Premium
JAVASCRIPT Snippets.

Securely Verify JSON Web Tokens (JWT) in Node.js

Implement robust JWT verification in Node.js using `jsonwebtoken` to ensure token integrity, check expiration, and validate issuer/audience for secure API authentication.

Securely Manage API Keys with Environment Variables in Node.js

Learn to safely store and access sensitive API keys and configuration in Node.js using environment variables and the `dotenv` package, preventing hardcoding secrets.

Configure Secure Cross-Origin Resource Sharing (CORS) in Node.js Express

Learn to securely configure CORS in your Node.js Express application to control which origins can access your resources, preventing unauthorized cross-origin requests.

Robust Server-Side Input Validation in Node.js (Express)

Implement robust server-side input validation for API endpoints in Node.js using `express-validator` to protect against malicious data, injection attacks, and ensure data integrity.

Implement Essential HTTP Security Headers in Node.js with Helmet

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

Configure Secure and HttpOnly Session Cookies in Node.js

Learn to configure web application session cookies with `HttpOnly`, `Secure`, and `SameSite` attributes to prevent XSS, CSRF, and man-in-the-middle attacks, enhancing session security.

Get Real-time Window Dimensions

A React hook to dynamically track and provide the current browser window's width and height, useful for creating responsive layouts and adapting UI components.

React to CSS Media Queries

A custom React hook that allows components to react dynamically to CSS media queries, enabling responsive UI changes directly within your React logic.

Generic Event Listener Hook

A versatile React hook for safely attaching and detaching event listeners to DOM elements or the window, ensuring proper cleanup and preventing memory leaks.

Detect Browser Online/Offline Status

A React hook to efficiently track and provide the current browser's online or offline connectivity status, enabling network-aware user interfaces.

Sanitize HTML Output to Prevent XSS

Learn to prevent Cross-Site Scripting (XSS) attacks by properly escaping HTML special characters before displaying user-generated content in the browser.

Managing Async Data with Loading and Error States in Vue 3 Composables

Learn to create a reusable Vue 3 Composition API composable for fetching asynchronous data, automatically handling loading, error, and success states across components.