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

Question 1

Which state management library uses a single immutable state tree and pure reducer functions?

Accepted Answer

Redux

Answer

Redux enforces a single source of truth with a read-only state tree modified only by pure reducer functions dispatched via actions.

Question 2

What is the main advantage of code splitting in a React application?

Accepted Answer

It reduces initial bundle size by loading code only when needed

Answer

Code splitting with React.lazy and dynamic import() defers loading of non-critical modules until they are actually needed, improving initial load time.

Question 3

In component-driven development, what is the purpose of 'prop drilling'?

Accepted Answer

Passing data through intermediate components that don't use it to reach a deeply nested child

Answer

Prop drilling refers to threading props through multiple layers of components solely to pass data to a deeply nested component that actually needs it.

Question 4

Which React API is used to avoid prop drilling by sharing state across many components without passing props explicitly?

Accepted Answer

Context API

Answer

React's Context API creates a global store accessible by any component in the tree via useContext, eliminating the need to pass props through every level.

Question 5

What is a 'controlled component' in React forms?

Accepted Answer

A form element whose value is driven by React state

Answer

In a controlled component, form input values are stored in React state and updated via onChange handlers, making React the single source of truth.

Full-Stack Development Practice Test

Full-Stack Development Practice Test

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