The Ultimate
Snippet Library.

Programmatic Navigation and Route Parameters with Vue Router

Discover how to programmatically navigate in Vue 3 applications using Vue Router's `useRouter` and `push` method, including passing route parameters and query strings.

Implementing a Global Event Bus with `mitt` in Vue 3

Learn how to set up a lightweight global event bus using the `mitt` library in Vue 3 Composition API to facilitate communication between unrelated components without prop drilling.

Custom `v-model` for Reusable Vue 3 Components

Learn to implement a custom `v-model` on your own Vue 3 components using `defineModel` (or `modelValue` prop and `update:modelValue` event for older setups), creating intuitive two-way data binding.

Dynamic Component Rendering with `<component :is="componentName">`

Learn how to dynamically render different components in Vue 3 based on reactive data using the special `<component :is="...">` element, enabling flexible UI structures.

Validate Email Addresses

Learn to validate email addresses in web forms using a comprehensive regular expression in JavaScript, ensuring correct format and preventing common errors.

Validate US/International Phone Numbers

Use a Python regular expression to validate various formats of US and basic international phone numbers, supporting optional country codes and common separators.

Validate IPv4 Addresses

Implement robust IPv4 address validation in JavaScript using a regular expression to ensure proper format for network configurations or input fields.

Generate URL-Friendly Slugs

Convert any string into a clean, URL-friendly slug using a JavaScript regular expression, replacing special characters with hyphens for SEO and readability.

Validate Hex Color Codes

Validate hex color codes (e.g., #RRGGBB, #RGB, #RRGGBBAA, #RGBA) using a concise JavaScript regular expression for UI development and input validation.

Secure Password Hashing with Bcrypt in Python

Learn to securely hash and verify user passwords using the bcrypt library in Python, a critical step for protecting sensitive user data against breaches.

Implement a Strict Content Security Policy (CSP) Header

Enhance web application security by implementing a Content Security Policy (CSP) header in Node.js with Express, mitigating XSS and data injection attacks.

Set Secure Cookie Flags (HttpOnly, Secure, SameSite) in Express

Improve web application security by correctly configuring HTTP cookie flags like HttpOnly, Secure, and SameSite in your Node.js Express server to protect against common attacks.