Front End Development Front End Development Frameworks & State Management 3

Question 1

What is the purpose of React Context API?

Accepted Answer

To provide global state that can be accessed by any component without prop drilling

Answer

The Context API creates a global data store accessible to any component in the tree, eliminating the need to manually pass props at every level.

Question 2

In React, what does the 'key' prop help with when rendering lists?

Accepted Answer

Helping React identify which items have changed, added, or removed for efficient re-rendering

Answer

The key prop gives React a stable identity for each list item, enabling efficient reconciliation by identifying which elements changed.

Question 3

What is two-way data binding in Angular?

Accepted Answer

Synchronizing the model and view so changes to one are automatically reflected in the other

Answer

Two-way data binding with [(ngModel)] keeps the component's data model and the template view in sync — changes in either direction update both.

Question 4

Which state management library is most associated with Vue.js applications?

Accepted Answer

Pinia

Answer

Pinia is the official, recommended state management library for Vue 3, replacing Vuex as the standard choice for Vue applications.

Question 5

What is server-side rendering (SSR) in the context of React frameworks like Next.js?

Accepted Answer

Generating HTML on the server for each request so users receive a fully rendered page

Answer

SSR generates the full HTML for a page on the server before sending it to the client, improving initial load time and SEO.

Front End Development Practice Test