Premium
JAVASCRIPT Snippets.

Simplify Array State Management with a `useArray` Hook

Develop a `useArray` React hook to streamline operations on an array state, providing convenient functions for adding, removing, updating, and clearing elements.

Implement Essential Security HTTP Headers in Express.js

Enhance web application security by implementing critical HTTP response headers like HSTS, X-Frame-Options, and others in your Express.js server for robust protection.

Configure Secure Session Cookies in Express.js

Strengthen your Express.js application's session management by properly configuring `HttpOnly`, `Secure`, and `SameSite` flags for all cookies to prevent common attacks.

Securely Configure CORS for REST APIs in Express.js

Learn to implement a secure Cross-Origin Resource Sharing (CORS) policy in your Express.js API to control access from different origins and protect your resources effectively.

Safely Escape HTML for XSS Prevention in JavaScript

Protect your web applications from Cross-Site Scripting (XSS) by properly escaping HTML special characters before displaying user-generated content in JavaScript.

Update Element Text or HTML Content

Discover how to efficiently update the plain text or inner HTML content of an existing DOM element using JavaScript's `textContent` and `innerHTML` properties.

Manage Element Attributes Dynamically

Learn to dynamically set, get, and remove HTML element attributes like `src`, `href`, or custom attributes using JavaScript's attribute methods for interactivity.

Access and Manipulate Custom Data Attributes

Efficiently store and retrieve custom data within HTML elements using data attributes (`data-*`) and JavaScript's `dataset` API for dynamic application logic.

Creating a Custom `usePrevious` Hook

Learn how to implement a custom React `usePrevious` hook to easily access the previous value of any prop or state in your components.

Building a Simple `useToggle` Hook

Create a custom React `useToggle` hook for managing boolean state with a simple toggle function, enhancing component reusability.

Persisting State with a `useLocalStorage` Hook

Implement a custom React `useLocalStorage` hook to automatically synchronize component state with the browser's local storage.

Tracking Window Dimensions with `useWindowSize`

Build a custom React `useWindowSize` hook to efficiently track and react to changes in the browser window's dimensions for responsive UIs.