Front End Development Front End Development Frameworks & State Management 2

Question 1

Which React hook is used to perform side effects like data fetching in functional components?

Accepted Answer

useEffect

Answer

The useEffect hook runs side effects (data fetching, subscriptions, DOM manipulation) after render, optionally cleaning up on unmount.

Question 2

In Vue 3, what replaces the Options API for organizing component logic?

Accepted Answer

Composition API

Answer

Vue 3's Composition API uses setup() and composable functions to organize component logic by feature rather than option type.

Question 3

What is the purpose of React's useCallback hook?

Accepted Answer

Memoizes a callback function to prevent unnecessary re-creation on re-renders

Answer

useCallback returns a memoized version of a callback that only changes if its dependencies change, preventing unnecessary child re-renders.

Question 4

In Angular, what decorator is used to define a component?

Accepted Answer

@Component

Answer

The @Component decorator marks a class as an Angular component and provides metadata like its template, styles, and selector.

Question 5

What does 'prop drilling' refer to in React applications?

Accepted Answer

Passing props through multiple nested components just to reach a deeply nested child

Answer

Prop drilling occurs when props must be passed through several intermediate components that don't need them, just to reach a deeply nested component.

Front End Development Practice Test