Skip to content
tezvyn:

All bites

The whole library, newest first. Filter by what you are here for, or pick a topic if you already know.

8668 bites

Page 97

Vue, Angular & Svelte2 min read

Why does create-vue ask about Pinia and Vitest during scaffolding?

Tests knowledge of Vue's lean core and modular tooling. Good answers note that create-vue conditionally installs deps, scaffolds folders like src/stores or tests/, and pre-configures Vite so you skip manual wiring.

ng serve purpose and fundamental difference from ng build
Vue, Angular & Svelte2 min read

ng serve purpose and fundamental difference from ng build

Ng serve compiles in memory and serves via a dev server with live reload, while ng build writes output to dist/.

Svelte compiler downsides vs Vue and Angular runtime
Vue, Angular & Svelte2 min read

Svelte compiler downsides vs Vue and Angular runtime

Tests compile-time versus runtime trade-offs in large apps. Strong answers address dynamic component limits, plugin friction, build scalability, and migration cost. Red flag: claiming Svelte has no runtime or that dynamic components are impossible.

How would Angular vs Vue philosophies influence your large-scale architecture choice?
Vue, Angular & Svelte2 min read

How would Angular vs Vue philosophies influence your large-scale architecture choice?

Tests mapping philosophy to team scale. Contrast Angular's opinionated batteries-included tooling and two-way binding with Vue's progressive incremental adoption and Composition API; pick Angular for standards or Vue for flexibility.

How does Svelte update the DOM without a Virtual DOM?
Vue, Angular & Svelte2 min read

How does Svelte update the DOM without a Virtual DOM?

This tests compile-time versus runtime framework architecture. A strong answer says Svelte compiles components into imperative JS that surgically updates the DOM when reactive state changes. A red flag is claiming it uses a hidden VDOM or dirty checking.

Why is DI central to Angular architecture versus Vue's module system?
Vue, Angular & Svelte2 min read

Why is DI central to Angular architecture versus Vue's module system?

Tests architectural grasp of inversion of control. Angular DI enables hierarchical injectors, tree-shakable providers, and runtime substitution without direct imports unlike Vue modules. Red flag: calling DI mere convenience or claiming Vue matches Angular DI.

Vue, Angular & Svelte2 min read

Compare and contrast Vue 3 and Svelte reactivity systems

Tests runtime versus compile-time trade-offs. Contrast Vue 3 Proxy interception with Svelte compile-time assignment transforms. Vue tracks dependencies dynamically during effects; Svelte resolves them at build. Red flag: claiming both use runtime Proxies.

What is the primary end-user benefit of Svelte's compiler-first approach?
Vue, Angular & Svelte2 min read

What is the primary end-user benefit of Svelte's compiler-first approach?

Tests if you connect compiler architecture to user-facing performance. Strong answer: build-time work shrinks bundles and reduces browser overhead for faster loads on slow devices. Red flag: answering with developer ergonomics instead of runtime performance.

What out-of-the-box Angular features require manual setup in Vue or Svelte?
Vue, Angular & Svelte2 min read

What out-of-the-box Angular features require manual setup in Vue or Svelte?

Tests whether you understand framework scope tradeoffs. A strong answer cites first-party routing, forms, dependency injection, and Signals, then contrasts them with Vue or Svelte's add-on ecosystem.

Vue, Angular & Svelte2 min read

Explain Vue as a progressive framework and build-step differences

Tests incremental adoptability. Strong answers define progressive as layer-by-layer adoption, describe script-tag HTML enhancement, and contrast it with compiled SFC SPA toolchains. Red flag: calling Vue lightweight rather than incrementally adoptable.

Vue, Angular & Svelte2 min read

Virtual DOM Diffing: Minimal DOM Surgery

Virtual DOM diffing finds the smallest real DOM ops to sync a lightweight tree with new state. Frameworks batch rapid UI changes instead of repainting everything. The footgun is treating the diff as free; missing keys in lists force expensive reconciliation.

Vue, Angular & Svelte2 min read

Angular JIT: Runtime Template Compilation

Angular JIT ships the compiler to the browser and builds components on the fly. It speeds up development rebuilds but pushes compilation cost to runtime. The footgun is deploying it to production, bloating bundles and hiding template errors until runtime.

Vue, Angular & Svelte2 min read

Testing SvelteKit load Functions

A SvelteKit load function consumes a request event and returns page data. Unit test it by mocking the event object in Vitest, not by mounting the page. Never test it through component rendering, because load runs before the component initializes.

Vue, Angular & Svelte2 min read

Apollo Client: GraphQL as Reactive State

Apollo Client turns your GraphQL API into reactive state that components read like a local cache. It shines when multiple views share overlapping data, but teams often footgun by sending one massive query instead of letting the cache normalize fragments.

Vue, Angular & Svelte2 min read

Observable: Angular's Push-Based Data Stream

An Observable is a lazy push collection that emits values over time. Angular uses it for HTTP and events, letting components react instead of polling. Forgetting to unsubscribe leaks memory and keeps destroyed components alive.

Vue, Angular & Svelte2 min read

Svelte Keyed each: Identity, Not Index

Svelte keyed each blocks track list items by identity, not index. Without a key, reordering or filtering leaves component state attached to the wrong DOM position. Using the array index as the key silently defeats the purpose and preserves the bug.

Vue, Angular & Svelte2 min read

Svelte Logic Blocks: Template Control Flow

Svelte logic blocks are compiler directives disguised as HTML comments that branch, loop, and await inside templates. You write {#if}, {#each}, and {#await} directly in markup.

Vue, Angular & Svelte2 min read

Angular Schematics: Blueprint Robots with Rollback

Angular Schematics draft changes on a virtual file tree before touching disk. Use them to generate components, enforce standards, or run automated migrations. Never write directly to disk inside a schematic or you break atomic rollback.

UX Research2 min read

How would you track clicks on a new 'Export Data' button?

Tests prod analytics design beyond console.log. Outline: typed event schema, client validation, beacon or queue with batching, and queryable storage. Red flag: fire-and-forget tracking without retry, sampling, or privacy checks.

UX Research2 min read

Outline a research plan to diagnose low adoption despite positive usability tests

Tests distinguishing usability from adoption drivers. Strong answers hypothesize discoverability, motivation, and timing gaps; use behavioral triangulation, contextual inquiry, and surveys. Red flag: blaming users or redesigning before diagnosing the funnel.