Web Development Frameworks 5

Question 1

What is the purpose of Vue Router's `navigation guards`?

Accepted Answer

Intercepting navigation events to redirect, cancel, or perform async operations before route changes complete

Answer

Navigation guards like beforeEach allow you to run code before a route change completes, enabling auth checks, data pre-fetching, or conditional redirects.

Question 2

What is a Higher-Order Component (HOC) in React?

Accepted Answer

A function that takes a component and returns a new component with added behavior

Answer

An HOC is a function that accepts a component and returns an enhanced version of it, enabling logic reuse across components without modifying their source.

Question 3

In Angular, what is the difference between `@Input()` and `@Output()`?

Accepted Answer

@Input() passes data from parent to child; @Output() emits events from child to parent

Answer

@Input() allows a parent to pass data down into a child component's property, while @Output() with EventEmitter lets a child emit events that the parent listens to.

Question 4

What is Svelte's primary compile-time advantage over React and Vue?

Accepted Answer

Svelte compiles components to vanilla JavaScript with no runtime framework overhead

Answer

Svelte shifts work to compile time, generating minimal vanilla JS that directly manipulates the DOM without shipping a runtime framework, resulting in smaller bundles.

Question 5

What is the purpose of `useMemo` in React?

Accepted Answer

Caches the result of an expensive computation and only recomputes when dependencies change

Answer

useMemo returns a memoized value, recomputing only when its dependency array changes, preventing expensive recalculations on every render.

Web Development Practice Test

Web Development Practice Test

Web Development Frameworks 5