Each question below shows the correct answer with a full explanation. Use these to build conceptual understanding before attempting a timed quiz.
Frontend Frameworks & LibrariesEasy
Q1. What is React?
- A.A CSS framework for responsive page design
- B.A relational database management system tool
- C.A server-side backend application framework
- D.A JavaScript library for building user interfaces✓ Correct
Explanation
React is a JavaScript library by Facebook for building reusable UI components.
Report an error in this question
Frontend Frameworks & LibrariesEasy
Q2. What is a component in React?
- A.A reusable piece of UI with its own logic✓ Correct
- B.A server route for handling requests
- C.A CSS class for styling HTML elements
- D.A database table for storing records
Explanation
A React component is a reusable, self-contained piece of UI.
Report an error in this question
Frontend Frameworks & LibrariesEasy
Q3. What is Vue.js?
- A.A video player for streaming content
- B.A testing tool for browser automation
- C.A CSS library for animation effects
- D.A progressive framework for building UIs✓ Correct
Explanation
Vue.js is a progressive framework for building UIs with reactive data binding.
Report an error in this question
Frontend Frameworks & LibrariesEasy
Q4. What is Angular?
- A.A distributed version control system tool
- B.A CSS grid system for page layout design
- C.A TypeScript-based web framework by Google✓ Correct
- D.A NoSQL document-oriented database system
Explanation
Angular is a comprehensive TypeScript-based framework by Google.
Report an error in this question
Frontend Frameworks & LibrariesEasy
Q5. What is JSX?
- A.A new standalone programming language
- B.A CSS preprocessor like Sass or Less
- C.A syntax extension for HTML-like code in JS✓ Correct
- D.A JSON alternative data exchange format
Explanation
JSX lets you write HTML-like syntax in JavaScript files.
Report an error in this question
Frontend Frameworks & LibrariesEasy
Q6. What are props in React?
- A.Database properties for configuring schemas
- B.Browser settings for rendering preferences
- C.Data passed from parent to child components✓ Correct
- D.CSS properties applied to styled elements
Explanation
Props are read-only data passed from parent to child components.
Report an error in this question
Frontend Frameworks & LibrariesEasy
Q7. What is state in React?
- A.A geographical US state name string value
- B.An object holding data that triggers re-renders✓ Correct
- C.A CSS state like hover or focus pseudo-class
- D.A server state for managing session data
Explanation
State stores component data; when state changes, the component re-renders.
Report an error in this question
Frontend Frameworks & LibrariesEasy
Q8. What is npm?
- A.A server-side programming language runtime
- B.Node Package Manager for managing dependencies✓ Correct
- C.A CSS framework for responsive web design
- D.A relational database management system
Explanation
npm is the default package manager for Node.js.
Report an error in this question
Frontend Frameworks & LibrariesEasy
Q9. What does npm install do?
- A.Installs CSS styles into browser cache
- B.Installs dependencies from package.json✓ Correct
- C.Installs a new browser on the system
- D.Installs a new operating system update
Explanation
npm install downloads all dependencies listed in package.json.
Report an error in this question
Frontend Frameworks & LibrariesEasy
Q10. What is a Single Page Application (SPA)?
- A.A mobile app built with native platform-specific tools
- B.A static HTML page with no interactive features at all
- C.A web app that loads once and dynamically updates content✓ Correct
- D.A website containing only a single paragraph of text
Explanation
An SPA loads a single HTML page and dynamically updates content via JavaScript.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q11. What is the Virtual DOM in React?
- A.A browser API for accessing device hardware and sensors
- B.A lightweight copy of the real DOM for efficient updates✓ Correct
- C.A virtual reality feature for immersive web experiences
- D.A hidden HTML element that is invisible to the end user
Explanation
The Virtual DOM is an in-memory representation used for efficient diffing and reconciliation.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q12. What is React's useState hook?
- A.A database hook for managing query results
- B.A function adding state to functional components✓ Correct
- C.A CSS hook for applying dynamic styles
- D.A routing hook for handling URL navigation
Explanation
useState lets functional components declare and manage state variables.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q13. What is the useEffect hook used for?
- A.Creating CSS effects through JavaScript manipulation
- B.Performing side effects like data fetching in components✓ Correct
- C.Managing component state with reactive data binding
- D.Adding visual effects like shadows and gradients
Explanation
useEffect runs side effects after render, replacing lifecycle methods.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q14. What is Vue's reactivity system based on?
- A.Manual DOM manipulation with vanilla JavaScript
- B.JavaScript Proxies that track and trigger updates✓ Correct
- C.Web Workers running in separate background threads
- D.CSS variables with automatic browser recalculation
Explanation
Vue 3 uses JavaScript Proxies to intercept property access and trigger re-renders.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q15. What is Angular's two-way data binding?
- A.CSS binding between stylesheets and HTML elements
- B.A database connection pool for managing active queries
- C.Changes in model automatically update the view and vice versa✓ Correct
- D.Server-client binding for real-time data synchronization
Explanation
Two-way data binding synchronizes the model and view automatically.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q16. What is React Router?
- A.A server framework for building backend APIs
- B.A library for handling navigation in React apps✓ Correct
- C.A CSS router for switching between stylesheets
- D.A physical network router for internet traffic
Explanation
React Router enables client-side navigation by mapping URL paths to components.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q17. What is a Higher-Order Component (HOC) in React?
- A.A component rendering at the top of a page
- B.A function that takes and returns an enhanced component✓ Correct
- C.A CSS wrapper element for styling child elements
- D.A parent component wrapping all child components
Explanation
A HOC takes a component and returns a new enhanced component.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q18. What is Vuex/Pinia used for in Vue?
- A.Managing CSS styles across Vue applications
- B.Centralized state management for Vue applications✓ Correct
- C.Managing database connections in Vue projects
- D.Server-side routing configuration for Vue apps
Explanation
Vuex and Pinia provide centralized state management for Vue.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q19. What is the purpose of Angular's NgModule?
- A.A CSS module for scoped component styling
- B.A testing module for automated browser tests
- C.A class organizing components, directives, and services✓ Correct
- D.A database module for connection management
Explanation
NgModule groups related Angular features and defines the compilation context.
Report an error in this question
Frontend Frameworks & LibrariesMedium
Q20. What is Next.js?
- A.A testing tool for automated end-to-end browser tests
- B.A NoSQL document-oriented database management tool
- C.A CSS framework for responsive web design layouts
- D.A React framework supporting SSR and static generation✓ Correct
Explanation
Next.js provides SSR, SSG, API routes, and other production-ready features for React.
Report an error in this question
Frontend Frameworks & LibrariesHard
Q21. What is React's Concurrent Mode?
- A.Parallel CSS processing across multiple browser threads
- B.Multi-threaded JavaScript execution using Web Workers
- C.Running multiple separate React applications at once
- D.Features helping React stay responsive via background rendering✓ Correct
Explanation
Concurrent Mode allows React to work on multiple state updates simultaneously.
Report an error in this question
Frontend Frameworks & LibrariesHard
Q22. What is the purpose of React.memo()?
- A.Creating in-app memo or notification features
- B.A HOC memoizing a component to prevent re-renders✓ Correct
- C.Saving developer notes within the application code
- D.Memory management and garbage collection control
Explanation
React.memo() skips re-rendering when props haven't changed.
Report an error in this question
Frontend Frameworks & LibrariesHard
Q23. What is Angular's Change Detection strategy OnPush?
- A.A Git branching strategy for version control
- B.Detecting CSS property changes in stylesheets
- C.Push notifications sent to mobile device users
- D.A strategy checking only when input references change✓ Correct
Explanation
OnPush only runs change detection when input references change or events fire.
Report an error in this question
Frontend Frameworks & LibrariesHard
Q24. What is the Composition API in Vue 3?
- A.A music composition tool for creating audio
- B.A CSS composition method for combining styles
- C.A database query API for composing SQL queries
- D.An API organizing component logic using setup()✓ Correct
Explanation
The Composition API allows organizing component logic by concern using setup().
Report an error in this question
Frontend Frameworks & LibrariesHard
Q25. What is code splitting in frontend frameworks?
- A.Splitting CSS files into smaller partial files
- B.Dividing server code into separate microservices
- C.Splitting HTML files across multiple server routes
- D.Breaking the bundle into smaller on-demand chunks✓ Correct
Explanation
Code splitting divides the application into smaller bundles loaded lazily.
Report an error in this question
Frontend Frameworks & LibrariesHard
Q26. What is Server-Side Rendering (SSR) in React/Next.js?
- A.Rendering CSS on the server before page delivery
- B.Running JavaScript only on server, never on client
- C.Generating HTML on the server for each client request✓ Correct
- D.A database rendering technique for cached query results
Explanation
SSR renders React components to HTML on the server for faster initial loads and better SEO.
Report an error in this question
Frontend Frameworks & LibrariesHard
Q27. What is React's useCallback hook?
- A.A callback URL handler for authentication flows
- B.An event listener for handling DOM user events
- C.A hook returning a memoized callback function✓ Correct
- D.A state management hook for complex data flows
Explanation
useCallback memoizes a function reference so it does not get recreated on every render.
Report an error in this question
Frontend Frameworks & LibrariesHard
Q28. What is the purpose of useMemo in React?
- A.Memoizing expensive computations until deps change✓ Correct
- B.Creating memoized components that never re-render
- C.Memory allocation and management control utilities
- D.Managing in-app memo and notification features
Explanation
useMemo caches the result of an expensive calculation and only recomputes when dependencies change.
Report an error in this question
Frontend Frameworks & LibrariesHard
Q29. What is Angular's Dependency Injection?
- A.A testing technique for isolating component behavior
- B.Importing npm packages into project configuration
- C.A class receiving dependencies from external sources✓ Correct
- D.Injecting CSS dependencies into component styles
Explanation
Angular's DI system creates and provides dependencies to classes automatically.
Report an error in this question
Frontend Frameworks & LibrariesHard
Q30. What is Incremental Static Regeneration (ISR) in Next.js?
- A.Updating static pages after deploy without full rebuild✓ Correct
- B.Regenerating CSS incrementally during development
- C.Incremental database updates during data migration
- D.A version control strategy for incremental releases
Explanation
ISR regenerates individual static pages in the background after a specified revalidation period.
Report an error in this question