Track
Vue
Review single-file components, props, emits, reactivity, composables, stores, and slots.
- 01
Single-file component boundaries
Keep Vue single-file components focused on one UI responsibility with inputs visible at the component boundary.
sfccomponentsboundaries - 02
Props and emits contracts
Declare props and emitted events so parent and child components agree on their data contract.
propsemitscontracts - 03
Computed values versus watchers
Use computed values for derived display data and reserve watchers for side effects.
computedwatchreactivity - 04
List rendering keys
Use stable item identifiers for v-for keys so Vue can preserve component and form state across list changes.
v-forkeyslists - 05
Form v-model boundaries
Keep form drafts local and emit submitted values instead of writing through props while the user types.
formsv-modelstate - 06
Composables and state ownership
Use composables to group reusable reactive behavior while keeping each caller's state isolated.
composablesstatereuse - 07
Async state, loading, and errors
Model loading, data, and error state together so async views do not render stale or silent failures.
asyncloadingerrors - 08
Pinia store actions
Keep shared Vue state behind Pinia stores with actions that name writes and async transitions.
piniastoresactions - 09
Provide and inject boundaries
Use provide and inject for narrow context values with typed keys, not as a hidden app-wide dependency channel.
provideinjectcontext - 10
Slots for component composition
Use slots when a reusable Vue shell needs caller-owned content, actions, or layout regions.
slotscompositioncomponents
Related tracks
Keep learning inside the same language family.
JavaScript
10Review control flow, async behavior, naming, and side effects.
TypeScript
10Review type narrowing, API boundaries, unions, and safer function shapes.
React
10Review component boundaries, state, effects, and rendering decisions.
Next.js
10Review App Router structure, server boundaries, data fetching, and route APIs.
Node.js
10Review runtime boundaries, async I/O, HTTP lifecycle, logging, and process safety.
Express
10Review app factories, routers, middleware order, validation, auth, and error handling.
NestJS
10Review modules, controllers, providers, validation pipes, guards, filters, interceptors, config, and tests.