Skip to content
tezvyn:

🌐Frontend Dev

Frontend web development and UI engineering

320 bites

Test yourself: Top 30 easy Frontend Dev interview questionsMultiple choice, with the correct answer and why it is correct on every question. Free, no sign-in.

Easy everything in Frontend Dev, page 2

Nuxt Agent beta replaces docs chat with MCP assistant
intermediate2 min read

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
intermediate1 min read

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.

intermediate2 min read

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.

intermediate1 min read

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
intermediate1 min read

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
intermediate1 min read

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
intermediate2 min read

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.

intermediate1 min read

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.

intermediate1 min read

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.

intermediate1 min read

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.

What is the purpose of +page.server.js in SvelteKit?
easy2 min read

What is the purpose of +page.server.js in SvelteKit?

Exclusively server-side load feeding the data prop, used for secrets like DB queries and private env vars.

easy2 min read

What is SSR and what are its advantages over a client-side SPA?

This tests server-client rendering trade-offs. A strong answer defines SSR as server HTML generation plus client hydration, citing faster time-to-content, better SEO for async data, and unified component logic.

easy2 min read

What is the Virtual DOM's role during a Vue state update?

Tests your grasp of Vue's reactive render pipeline. A strong answer: state change triggers a new virtual DOM tree; runtime diffs it against the old tree to apply only necessary real DOM updates. Red flag: saying virtual DOM updates browser DOM directly.

What is Angular's TestBed and when would you use it?
easy2 min read

What is Angular's TestBed and when would you use it?

Say createComponent returns a fixture with no immediate binding, so await fixture.whenStable before asserting DOM.

easy2 min read

What is the fundamental difference between unit and component tests?

Isolation levels in frontend testing. Unit tests verify single functions or composables with mocked dependencies; component tests verify mounting, rendering, and interaction and pull in more code.

How do you lazy-load a route in Vue or Angular?
easy2 min read

How do you lazy-load a route in Vue or Angular?

Tests route-level code splitting. Strong answers mention dynamic imports in Vue Router or Angular loadChildren and highlight a smaller initial JS bundle. Red flag: confusing this with image lazy loading or claiming it speeds up runtime navigation.

easy2 min read

Vue computed vs method: performance difference and when to choose each?

This tests Vue reactivity caching. Answer: computed caches and reruns only when reactive deps change, while methods run each render. Choose computed for derived data; methods for events/args. Red flag: saying computed is always faster or passing arguments.

What is a Svelte Action? Write a simple logging action.
easy2 min read

What is a Svelte Action? Write a simple logging action.

Define a function receiving the node, log a message, and optionally return destroy.

How to create a singleton Angular auth service
easy2 min read

How to create a singleton Angular auth service

Tests Angular dependency injection and singleton scope. Strong answer: use the Injectable decorator with providedIn set to root for an application-wide singleton, then inject it into components.

easy2 min read

How do you implement a data-fetching Composable in Vue 3?

Write useFetch accepting a URL, exposing data, loading, and error refs, then return them.

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