Vue 3 - Components
Practice dynamic components and KeepAlive by building a tabbed settings view.
Practice how a component receives a value through props and requests changes with emits.
Practice providing a reactive ref from an ancestor and injecting it into a descendant.
Practice defining slots in a reusable component and providing their content from the parent.
Practice separating responsibilities between a container and a presentational component.
Vue 3 - Composables
Create a clear API for loading products through a replaceable dependency.
Filter tasks from values, refs, or getters without losing reactive tracking.
Practice binding a keyboard shortcut to the consuming component's lifecycle.
Practice synchronizing multiple consumers through a composable with module state.
Practice encapsulating reactive state and actions inside your first composable.
Vue 3 - Ecosystem
Render the correct profile and update it when Vue Router's dynamic parameter changes.
Build a Pinia store and share its reactive data between a catalog and the cart summary.
Vue 3 - Reactivity
Practice deriving filtered UI state with computed instead of manually updating a second value.
Practice starting external effects when a component mounts and cleaning them up when it unmounts.
Practice creating, displaying, and updating reactive primitive state with ref.
Practice using watch to react to input changes and record events.
Vue 3 - Vue in Depth
Prepare and run component instances without implementing a DOM renderer yet.
Build cached values and watchers on top of an effect system with a scheduler.
Build a reduced model that connects reactive properties with their dependent effects.
Build multiple forms of state on top of one dependency tracking system.
Turn VNode trees into an object host and preserve their identity between renders.
Parse a reduced template grammar and generate a render function that creates VNodes.
Batch reactive jobs and run them through pre, update, and post phases.
