--- title: "React Fundamentals: Components, Hooks & State Management" lang: "en" author: "Mohammad Abu Mattar" canonical: https://mkabumattar.com/post/react-fundamentals-quiz --- [Home](/)›[Quizzes](/quizzes)›[All Categories](/quizzes/categories)›[Frontend](/quizzes/categories/frontend) Quizzes [Prev in FrontendJavaScript: Language Fundamentals & Modern Features](/quizzes/post/javascript-fundamentals-quiz)[Next in FrontendResponsive Web Design: Mobile-First & Breakpoints](/quizzes/post/responsive-design-quiz) [Frontend](/quizzes/categories/frontend)[React](/quizzes/categories/react)[JavaScript](/quizzes/categories/javascript) # React Fundamentals: Components, Hooks & State Management [Mohammad Abu Mattar](/authors/mohammad-abu-mattar)20 QuestionsBeginnerPublished: 03 Mar 2026 [Markdown for AI(opens in a new tab)](/post/react-fundamentals-quiz/index.md "Open the plain-Markdown version of this page, for pasting into an AI tool") Series [Frontend Frameworks & Mobile](/series/frontend-frameworks--mobile)1/5 [NextVue.js Fundamentals: Reactive Components & Templates](/quizzes/post/vuejs-fundamentals-quiz) All posts in this series (5) Quizzes5 1. [React Fundamentals: Components, Hooks & State ManagementYou are here](/quizzes/post/react-fundamentals-quiz) 2. [Vue.js Fundamentals: Reactive Components & Templates](/quizzes/post/vuejs-fundamentals-quiz) 3. [React Native: Cross-Platform Mobile Development](/quizzes/post/react-native-mobile-quiz) 4. [Astro: Building Fast Web Experiences](/quizzes/post/astro-fundamentals-quiz) 5. [Flutter: Cross-Platform Mobile Development](/quizzes/post/flutter-mobile-quiz) ## React Fundamentals: Components, Hooks & State Management Up to 20 questions, shuffled on every run Quiz Configuration Enterto start Welcome to the React Fundamentals Quiz! This quiz will test your knowledge of core React concepts, including components, JSX, hooks, state management, props, and event handling. Whether you’re new to React or looking to solidify your understanding of the basics, this quiz is designed to challenge you and help you master the fundamentals of building modern interactive UIs with React. Good luck! Answer key and explanations20 questions The quiz above draws 20 questions at random from these 31, so a second attempt will not be the same run. Everything in the pool is listed here. 1. What is JSX? AnswerA syntax extension that allows writing HTML-like code within JavaScript 2. What is a React component? AnswerA reusable JavaScript function or class that returns a JSX structure 3. What is a functional component vs. class component? AnswerFunctional components use hooks; class components use lifecycle methods 4. What are props in React? AnswerRead-only data passed from a parent component down to a child component 5. What is React state? AnswerInternal data managed by a component that triggers updates when changed 6. What is useState hook? AnswerA hook used to add and manage local state within functional components 7. What is useEffect hook? AnswerA hook used for handling side effects like data fetching or DOM updates 8. What is the dependency array in useEffect? AnswerA list of values that determines when the effect should re-run its logic 9. What is event handling in React? AnswerThe process of attaching functions to UI events like onClick or onChange 10. What is conditional rendering in React? AnswerDisplaying specific JSX based on logic using ternary or logical operators 11. What is list rendering in React? AnswerGenerating multiple UI elements from an array using the .map() method 12. What are keys in React lists? AnswerUnique identifiers that help React track and update specific list items 13. What is the virtual DOM in React? AnswerAn in-memory representation of the DOM used to calculate efficient updates 14. What is lifting state up? AnswerMoving shared state to a common parent component to sync sibling data 15. What are controlled components? AnswerForm elements whose values are managed and updated by React state 16. What is React Context? AnswerAn API for sharing state across the component tree without prop drilling 17. What is component composition? AnswerDesigning UIs by combining multiple smaller components into a larger unit 18. What is React lazy loading / code splitting? AnswerAsynchronously loading components only when they are needed by the user 19. What is React Fragment? AnswerA tool for grouping multiple elements without adding extra nodes to the DOM 20. What is React StrictMode? AnswerA development tool that highlights potential problems in an application 21. What is the React developer tools? AnswerA browser extension for inspecting the component tree and tracking state 22. What is React reconciliation? AnswerThe algorithm React uses to diff the virtual DOM and update the real DOM 23. What is the key difference between React and vanilla JavaScript? AnswerReact is declarative (UI-focused) while vanilla JS is imperative (DOM-focused) 24. What is useCallback hook? AnswerA hook that memoizes functions to prevent unnecessary child re-renders 25. What is useMemo hook? AnswerA hook that memoizes expensive calculations to avoid repeating them 26. What is useRef hook? AnswerA hook for creating persistent references that do not trigger re-renders 27. What are custom hooks? AnswerFunctions that combine built-in hooks to share logic between components 28. What is React.memo? AnswerA higher-order component that prevents re-rendering if props are unchanged 29. What are PropTypes? AnswerA library for checking the data types of props during the app runtime 30. What is an Error Boundary? AnswerA class component that catches JavaScript errors in its child components 31. What is the purpose of React Suspense? AnswerA component that shows a fallback UI while waiting for content to load ## Tags [#React](/quizzes/tags/react)[#Components](/quizzes/tags/components)[#Hooks](/quizzes/tags/hooks)[#State](/quizzes/tags/state)[#Frontend](/quizzes/tags/frontend) ## Share [Facebook](https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmkabumattar.com%2Fquizzes%2Fpost%2Freact-fundamentals-quiz "Share on Facebook")[Twitter](https://twitter.com/intent/tweet/?text=React%20Fundamentals%3A%20Components%2C%20Hooks%20%26%20State%20Management&url=https%3A%2F%2Fmkabumattar.com%2Fquizzes%2Fpost%2Freact-fundamentals-quiz "Share on Twitter")[LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fmkabumattar.com%2Fquizzes%2Fpost%2Freact-fundamentals-quiz&title=React%20Fundamentals%3A%20Components%2C%20Hooks%20%26%20State%20Management&summary=Master%20React%20basics%3A%20components%2C%20JSX%2C%20hooks%20\(useState%2C%20useEffect\)%2C%20state%20management%2C%20props%2C%20and%20event%20handling.%20Build%20modern%20interactive%20UIs%20with%20React.&source=https://mkabumattar.com "Share on LinkedIn")[WhatsApp](https://wa.me/?text=React%20Fundamentals%3A%20Components%2C%20Hooks%20%26%20State%20Management%20https%3A%2F%2Fmkabumattar.com%2Fquizzes%2Fpost%2Freact-fundamentals-quiz "Share on WhatsApp")[Telegram](https://t.me/share/url?url=https%3A%2F%2Fmkabumattar.com%2Fquizzes%2Fpost%2Freact-fundamentals-quiz&text=React%20Fundamentals%3A%20Components%2C%20Hooks%20%26%20State%20Management "Share on Telegram")[Reddit](https://www.reddit.com/submit?url=https%3A%2F%2Fmkabumattar.com%2Fquizzes%2Fpost%2Freact-fundamentals-quiz&title=React%20Fundamentals%3A%20Components%2C%20Hooks%20%26%20State%20Management "Share on Reddit")[Hacker News](http://news.ycombinator.com/submitlink?u=https%3A%2F%2Fmkabumattar.com%2Fquizzes%2Fpost%2Freact-fundamentals-quiz&t=React%20Fundamentals%3A%20Components%2C%20Hooks%20%26%20State%20Management "Share on Hacker News")[Pinterest](https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fmkabumattar.com%2Fquizzes%2Fpost%2Freact-fundamentals-quiz&media=&description=Master%20React%20basics%3A%20components%2C%20JSX%2C%20hooks%20\(useState%2C%20useEffect\)%2C%20state%20management%2C%20props%2C%20and%20event%20handling.%20Build%20modern%20interactive%20UIs%20with%20React. "Share on Pinterest")[Email]() ## Comments Was this useful? ## You might also enjoy More posts on similar topics [![Vue.js Fundamentals: Reactive Components & Templates](/_astro/hero.DABD39Tr_eJkL.webp)](/quizzes/post/vuejs-fundamentals-quiz) ## [Vue.js Fundamentals: Reactive Components & Templates](/quizzes/post/vuejs-fundamentals-quiz) - [Mohammad Abu Mattar](/authors/mohammad-abu-mattar) - [Frontend](/quizzes/categories/frontend) - [Vue.js](/quizzes/categories/vuejs) - [JavaScript](/quizzes/categories/javascript) Welcome to the Vue.js Basics Quiz! Vue.js is a progressive JavaScript framework for building user interfaces. Whether you're creating a simple interactive widget or a complex single-page application, [#Vue.js](/quizzes/tags/vuejs)[#Components](/quizzes/tags/components)[#Reactive](/quizzes/tags/reactive)+1 tags [read more](/quizzes/post/vuejs-fundamentals-quiz) [![Astro: Building Fast Web Experiences](/_astro/hero.CSNrDKKs_mOXzk.webp)](/quizzes/post/astro-fundamentals-quiz) ## [Astro: Building Fast Web Experiences](/quizzes/post/astro-fundamentals-quiz) - [Mohammad Abu Mattar](/authors/mohammad-abu-mattar) - [Frontend](/quizzes/categories/frontend) - [Frameworks](/quizzes/categories/frameworks) Welcome to the Astro Fundamentals Quiz! Test your knowledge of Astro's core concepts: island architecture, server components, client directives, content collections, integrations, layouts, routing, dy [#Astro](/quizzes/tags/astro)[#Static](/quizzes/tags/static)[#Performance](/quizzes/tags/performance) [read more](/quizzes/post/astro-fundamentals-quiz) [![React Native: Cross-Platform Mobile Development](/_astro/hero.BVx6OFrA_ZiB0cm.webp)](/quizzes/post/react-native-mobile-quiz) ## [React Native: Cross-Platform Mobile Development](/quizzes/post/react-native-mobile-quiz) - [Mohammad Abu Mattar](/authors/mohammad-abu-mattar) - [Mobile](/quizzes/categories/mobile) Welcome to the React Native Mobile Development Quiz! Test your knowledge of building native iOS and Android apps using React Native. This quiz covers key concepts like components, navigation, state ma [#Others](/quizzes/tags/others) [read more](/quizzes/post/react-native-mobile-quiz) [![Flutter: Cross-Platform Mobile Development](/_astro/hero.B2RZeJ6M_1Pu2pi.webp)](/quizzes/post/flutter-mobile-quiz) ## [Flutter: Cross-Platform Mobile Development](/quizzes/post/flutter-mobile-quiz) - [Mohammad Abu Mattar](/authors/mohammad-abu-mattar) - [Mobile](/quizzes/categories/mobile) Welcome to the Flutter Mobile Development quiz! Test your knowledge of Flutter, Google's cross-platform UI toolkit for building natively compiled applications for mobile, web, and desktop from a singl [#Others](/quizzes/tags/others) [read more](/quizzes/post/flutter-mobile-quiz) [![Advanced Frontend Patterns: State Management & Performance](/_astro/hero.SWD1oABZ_ZdB6Yy.webp)](/quizzes/post/advanced-frontend-patterns-quiz) ## [Advanced Frontend Patterns: State Management & Performance](/quizzes/post/advanced-frontend-patterns-quiz) - [Mohammad Abu Mattar](/authors/mohammad-abu-mattar) - [Frontend](/quizzes/categories/frontend) - [Performance](/quizzes/categories/performance) Master advanced frontend architecture: state management (Redux, Zustand), performance optimization, code splitting, lazy loading, and responsive design patterns. [#Frontend](/quizzes/tags/frontend)[#Performance](/quizzes/tags/performance)[#Architecture](/quizzes/tags/architecture) [read more](/quizzes/post/advanced-frontend-patterns-quiz) [![JavaScript: Language Fundamentals & Modern Features](/_astro/hero.CPnUQqYa_cqDLj.webp)](/quizzes/post/javascript-fundamentals-quiz) ## [JavaScript: Language Fundamentals & Modern Features](/quizzes/post/javascript-fundamentals-quiz) - [Mohammad Abu Mattar](/authors/mohammad-abu-mattar) - [JavaScript](/quizzes/categories/javascript) - [Programming](/quizzes/categories/programming) - [Web Development](/quizzes/categories/web-development) - [Frontend](/quizzes/categories/frontend) Welcome to the JavaScript Basics Quiz! This quiz tests your understanding of fundamental JavaScript concepts, syntax, and modern programming best practices. Each question is multiple-choice, and you'l [#JavaScript](/quizzes/tags/javascript)[#ES6](/quizzes/tags/es6)[#Arrow Functions](/quizzes/tags/arrow-functions)+6 tags [read more](/quizzes/post/javascript-fundamentals-quiz) 6 related posts