Full-Stack Development Full-Stack Development Frontend Frameworks & UI Architecture

Question 1

Which React hook is used to perform side effects such as data fetching or subscriptions in a functional component?

Accepted Answer

useEffect

Answer

useEffect runs after every render by default and is used for side effects like API calls, subscriptions, and DOM mutations.

Question 2

In Vue 3, which Composition API function creates a reactive reference to a primitive value?

Accepted Answer

ref()

Answer

ref() wraps a primitive value in a reactive object, accessible via .value in script and auto-unwrapped in templates.

Question 3

What does the Angular CLI command `ng generate component header` do?

Accepted Answer

Creates a new component with its template, styles, spec, and module declaration

Answer

ng generate component creates the .ts, .html, .css, and .spec.ts files and automatically declares the component in the nearest module.

Question 4

Which tool is most commonly used to bundle JavaScript modules in modern React applications?

Accepted Answer

Webpack

Answer

Webpack is the default bundler used by Create React App, combining modules, assets, and dependencies into optimized bundles.

Question 5

What is the Virtual DOM in React?

Accepted Answer

An in-memory representation of the real DOM used to batch and optimize updates

Answer

React maintains a virtual DOM in memory, diffs it with the previous version, and only applies the minimum necessary changes to the real DOM.

Full-Stack Development Practice Test