Premium
JAVASCRIPT Snippets.

Adapt UI to CSS Media Queries with React Hook

Develop a `useMediaQuery` React hook to detect if a specific CSS media query matches, enabling dynamic and responsive component rendering based on screen size.

Access Previous State or Prop Value in React

Learn to create a `usePrevious` React hook for easily accessing the previous value of any state or prop, useful for comparing current and past data in effects.

Setting up Client-Side Routing with Vue Router 4

Learn to configure and use Vue Router 4 to enable client-side routing in your Vue 3 single-page applications, creating dynamic navigation.

Animating Element Appearance/Disappearance with Vue 3 Transitions

Utilize Vue 3's built-in `<Transition>` component to gracefully animate the entry and exit of single elements or components with CSS transitions.

Using Slots for Flexible Content Distribution in Vue 3 Components

Master Vue 3 slots to enable content distribution, making your components highly flexible and reusable by allowing parents to inject custom UI.

Using Computed Properties with computed in Vue 3

Create efficient, cached derived state using Vue 3's `computed` in Composition API. Automatically updates when dependencies change, optimizing performance.

Using Lifecycle Hooks with Composition API in Vue 3

Master Vue 3 component lifecycle with `onMounted`, `onUpdated`, `onBeforeUnmount`, and `onErrorCaptured` in Composition API `script setup` for robust components.

Reacting to Data Changes with watch and watchEffect in Vue 3

Execute side effects when reactive data changes using `watch` for specific sources and `watchEffect` for automatic dependency tracking in Vue 3.

Parent-Child Communication with defineProps and defineEmits in Vue 3

Pass data down with `defineProps` and send events up with `defineEmits` for effective parent-child communication in Vue 3 `script setup`. Master component interaction.

Validate Strong Passwords with Regex

Use this JavaScript regex pattern to validate strong passwords, ensuring they meet minimum length, include uppercase, lowercase, numbers, and special characters.

Extract All URLs from a Text String

Efficiently extract all full URLs (http, https, www) from any given text string using a powerful JavaScript regex pattern for link parsing.

Validate and Parse Email Addresses with Regex

Validate email addresses and deconstruct them into username and domain components using a concise JavaScript regex pattern with capture groups.