Intermediate everything in Frontend Dev, page 4
What is PostCSS and how it differs from Sass
PostCSS is a plugin-driven tool that parses CSS into an AST and transforms it; it is not a fixed language like Sass but a platform for plugins like autoprefixer.
Sass @mixin versus @extend
@mixin copies declarations into each caller, accepts arguments, and can duplicate code; @extend groups selectors sharing one rule via a comma list, reducing duplication but coupling selectors.
Explain the inverted triangle of ITCSS
ITCSS orders layers from far-reaching low-specificity (settings, tools, generic) down to localized high-specificity (components, utilities), so specificity climbs gradually.
How custom properties enable dynamic theming
Custom properties cascade and resolve live, so redefining them on a scope or data attribute reskins everything via var().
Pseudo-class versus pseudo-element in CSS
Pseudo-classes target an element in a state, pseudo-elements style a generated or sub-part using double colons, and ::before injects decorative content.
Categories of Design Tokens
Design tokens fall into tiers: primitive tokens hold raw values, semantic tokens assign meaning by aliasing primitives, and component tokens scope decisions to specific UI parts.
Design Token Naming Conventions
Design token names encode meaning through a consistent, layered structure so values stay portable across themes and platforms. A clear convention like category-type-item-state turns scattered constants into a self-documenting, predictable system that…
Nuxt 4.4 Adds Custom Fetch Factories and Router v5
Nuxt 4.4 ships createUseFetch factories, Vue Router v5, and 28x faster dev route updates. Custom fetch instances with typed defaults cut API boilerplate, while the router upgrade drops unplugin-vue-router and clears the path for stable typed routes.
Nuxt Agent beta replaces docs chat with MCP assistant
Nuxt Agent beta replaces Kapa.ai with an MCP assistant rendering module cards and StackBlitz links as live UI. It grounds answers in docs and GitHub issues via the same MCP server Cursor uses. Try the ⌘I panel on nuxt.com to see if it cuts your.
Nuxt ships Nuxi AI agent with context-aware docs help
Nuxt's AI agent Nuxi grounds answers in docs, modules, and GitHub issues using your current page context. GitHub sign-in syncs chats across devices, while branching lets you fork conversations. Use it to cut doc-hunting time and find v4 patterns faster.
SvelteKit 2.56 overhauls remote functions, adds TypeScript 6.0
SvelteKit 2.56 overhauls remote functions with breaking changes to query refreshes, caching, and a new run() method, plus TypeScript 6.0 support. The Svelte CLI adds experimental community plugins. Audit your remote function calls before upgrading.
SvelteKit 2.61 breaks remote functions, adds live queries
SvelteKit 2.61 removes .run() from remote queries and rewrites enhance callbacks, forcing refactors. New query.live() adds async-iterable real-time streams. If you use remote functions, check three breaking changes before upgrading.
Angular v22 stabilizes Signal Forms, Aria, Asynchronous Reactivity APIs
Angular v22 promotes Signal Forms, Angular Aria, and Asynchronous Reactivity APIs from developer preview to production-ready status, giving teams stable primitives for reactive forms, accessibility, and async signals without experimental guardrails.
Angular v21 ships while AI models write outdated code
Angular v21 ships while standard AI models still write outdated code. Zoneless architecture and Signals now dominate performance roadmaps. Audit AI PRs for legacy patterns and verify zoneless readiness before Q3.
Angular 21.1 ships with Signal Forms debounce patterns
Angular 21.1 ships with minor fixes. Signal Forms tutorials now show debounced async validators to cut wasted backend API calls. Migration guides for the modern Control Flow syntax are available for apps still on legacy structural directives.
Vue 3.4 Cuts Build Times 44%, Stabilizes defineModel
Vue 3.4 cuts SFC compile times 44% and doubles parser speed while stabilizing defineModel for v-model. The refactored reactivity engine skips redundant computed triggers, reducing re-renders. Upgrade requires Volar 1.8.27+ and matching toolchain versions.
VitePress 1.0 replaces VuePress for docs
VitePress 1.0 replaces VuePress, powering docs for Vite, Pinia, and Vitest. It serves static HTML for SEO, then hydrates into a Vue 3 SPA with sub-100ms edits. Migrate legacy VuePress docs or choose it for new content sites.
Vue 3.5 cuts reactivity memory 56%, adds lazy hydration
Vue 3.5 drops reactivity memory 56% and large arrays up to 10x faster with no breaks. Stable reactive props destructure kills withDefaults boilerplate, while lazy hydration and useId() fix SSR pain points.
Describe a Nuxt server caching strategy for slow upstream APIs
Tests server-side caching architecture in Nuxt Nitro. A strong answer proposes a server middleware or route handler with Redis or LRU in-memory cache, sets TTL per endpoint, and handles cache invalidation.
Angular Universal server memory leak: causes and diagnosis
Incomplete platform destruction, global DOM polyfills, unclosed RxJS; use heap snapshots and --inspect.
We are hiring for this. Every open role lists the topics its interview covers, so you can prepare for the real thing rather than guessing.
See open roles