Reactivity internals, component and composable design, rendering and lifecycle, Options vs Composition, Vue 3.6 and Vapor.
Pages
- Reactivity systemref, reactive, shallowRef and computed underneath, watch versus watchEffect and flush timing, effect scopes, and the mistakes that make state stop updating.
- Component designProps, emits and defineModel, slots and their types, attribute fallthrough, provide/inject, defineExpose and generic components, designed so that a team cannot misuse them.
- ComposablesThe rules for writing composables that are reusable, typed, testable and SSR-safe, the conventions VueUse established, and how they differ from utils and stores.
- Rendering and lifecycleLifecycle order on server and client, nextTick, Suspense, Teleport, KeepAlive and Transition, async components, template compilation, keys and render functions.
- Patterns and anti-patternsRenderless and headless components, compound components, controlled versus uncontrolled state, composable-first components, and the smells a senior spots in a code review.
- API styles and migrationsOptions API versus Composition API and why the difference is architectural, the Vue 2 to 3 breaking changes worth remembering, Nuxt 3 to 4 to 5, and how a senior runs a migration.
- Vue 3.6 and Vapor modeWhat Vue 3.5 added, what the 3.6 release candidate changes (Vapor mode, the alien-signals reactivity core), what stays the same, and how to talk about it without overclaiming.
Notes for the whole section