Premium
JAVASCRIPT Snippets.

Toggle CSS Classes for Dynamic UI States

Learn how to add, remove, and toggle CSS classes on DOM elements using JavaScript's classList API to manage dynamic UI states and apply styles effectively.

Optimizing Performance with useCallback Hook

Improve React component performance by memoizing functions with the `useCallback` hook, preventing unnecessary re-renders of child components.

Direct DOM Manipulation and Mutable Values with useRef

Learn to use the `useRef` hook in React for direct access to DOM elements or to persist mutable values across renders without causing re-renders.

Persisting State with useLocalStorage Custom Hook

Build a `useLocalStorage` custom hook in React to automatically synchronize and persist component state with the browser's local storage.

Implement an API Retry Mechanism with Exponential Backoff

Enhance API call reliability in web applications by implementing an exponential backoff retry strategy for transient network errors.

Upload Files to a REST API with FormData in JavaScript

Learn how to asynchronously upload files from a web form to a RESTful API endpoint using JavaScript's FormData object and Fetch API.

Convert API Response Keys from Snake Case to Camel Case

A JavaScript utility function to recursively transform object keys from snake_case to camelCase, common for API response consistency.

Implement Basic Client-Side Caching for API Responses

Improve web application performance and reduce API calls by implementing a simple in-memory client-side cache for frequently accessed API data.

Integrate WebSockets for Real-time Data Updates (Client-side)

Establish a WebSocket connection in the browser to receive and display real-time updates from an API without constant polling.

Validate URL Format with Regex (HTTP/HTTPS)

Validate URLs in JavaScript using a regular expression to check for valid HTTP or HTTPS protocols and common domain structures, ideal for form validation.

Validate Password Strength with Multiple Criteria Regex

Implement strong password validation using a single JavaScript regex to enforce minimum length, uppercase, lowercase, number, and special character presence.

Extract All Query Parameters from a URL with Regex

Dynamically parse and extract all key-value query parameters from a URL string using a JavaScript regex, useful for client-side routing or data retrieval.