Sections
  • Home
  • Learning paths
  • Quizzes
  • Challenges
  • Tips
Intermediate
Components

Vue 3 - Components

Component Design in Vue 3

Assessment on responsibilities, container and presentational components, contracts, and organization in Vue 3.

props
emits
Basic
Components

Vue 3 - Components

Basic Component Communication in Vue 3

Quiz about typed and validated props, emits with clear contracts, and the parent-child communication pattern in Vue 3.

props
emits
v-model
Intermediate
Components

Vue 3 - Components

Provide, Inject, and Shared Context

Test how to share reactive context between ancestors and descendants and when to avoid props drilling.

provide / inject
Intermediate
Components

Vue 3 - Components

Render Control in Vue 3

Test how to control existence, visibility, and identity with v-if, v-show, key, and dynamic components.

v-if
v-show
dynamic components
KeepAlive
Intermediate
Components

Vue 3 - Components

Slots and Interface Composition

Test your understanding of default, named, and scoped slots, along with reusable container components.

slots
named slots
scoped slots
Advanced
Composables

Vue 3 - Composables

Advanced Composable Patterns

Assess flexible reactive inputs, protected state, factories, composition, and effect scopes.

toValue
readonly
effectScope
Intermediate
Composables

Vue 3 - Composables

Basic Composables in Vue 3

Assessment on composables, encapsulation, reactive APIs, and their use inside Vue components.

composables
ref
Intermediate
Composables

Vue 3 - Composables

Effects and Lifecycle in Composables

Assessment on watchers, lifecycle, browser access, and effect cleanup inside composables.

watch
watchEffect
onMounted
onUnmounted
Intermediate
Composables

Vue 3 - Composables

Logic Abstraction with Composables

Assess how to extract responsibilities, design clear APIs, and avoid premature abstraction with composables.

composables
ref
computed
Advanced
Composables

Vue 3 - Composables

Shared State with Composables

Assessment on per-instance state, module state, controlled APIs, SSR, and stores.

composables
ref
readonly
Intermediate
Ecosystem

Vue 3 - Ecosystem

Global State with Pinia

Assessment on Pinia stores, state, getters, actions, and reactive consumption.

Pinia
defineStore
storeToRefs
Intermediate
Ecosystem

Vue 3 - Ecosystem

Routing with Vue Router

Assess routes, params, query, navigation, nested views, and guards with Vue Router.

Vue Router
useRoute
useRouter
Basic
Reactivity

Vue 3 - Reactivity

Computed Properties in Vue 3

Assessment on computed properties, caching, differences from methods, and best practices.

computed
ref
Intermediate
Reactivity

Vue 3 - Reactivity

Reactivity and the Component Lifecycle in Vue 3

Quiz about how Vue's reactive system ties into the component lifecycle with onMounted and onUnmounted.

onMounted
onUnmounted
Basic
Reactivity

Vue 3 - Reactivity

Fundamentals of Reactivity in Vue 3

Assessment on the mechanisms of ref, reactive, and shallow reactivity optimizations.

ref
reactive
shallowRef
shallowReactive
Intermediate
Reactivity

Vue 3 - Reactivity

Watchers in Vue 3

Quiz about the fundamentals of watch, reactive sources, callbacks, and good practices.

watch
ref
Advanced
Vue in Depth

Vue 3 - Vue in Depth

Component Runtime

Test how Vue turns definitions and VNodes into instances with inputs, context, and lifecycle.

component instance
setup
props and emits
slots
provide/inject
lifecycle
Advanced
Vue in Depth

Vue 3 - Vue in Depth

Derived State and Observation

Test how computed, watch, and watchEffect respond to reactive invalidations.

computed
watch
watchEffect
watcher cleanup
Advanced
Vue in Depth

Vue 3 - Vue in Depth

Effects and Dependency Tracking

Test how Vue connects reactive reads with the work that needs to update.

reactivity
reactive effect
Advanced
Vue in Depth

Vue 3 - Vue in Depth

Reactive Primitives

Test how Vue represents objects, primitives, readonly views, and linked properties.

reactive
ref
readonly
toRef
Advanced
Vue in Depth

Vue 3 - Vue in Depth

Rendering and Components

Test how Vue turns VNode trees into host updates.

VNode
render function
renderer
patching
keyed diff
Advanced
Vue in Depth

Vue 3 - Vue in Depth

Template Compilation

Test how Vue turns templates into optimized rendering instructions.

template compiler
render function
patch flags
block tree
Vapor Mode
Advanced
Vue in Depth

Vue 3 - Vue in Depth

Update Scheduling

Test how Vue batches, orders, and completes reactive updates.

scheduler
batching
job queue
watcher flush
nextTick
  • Home
  • Learning paths
  • Quizzes
  • Challenges
  • Tips