Soopro Pathshala

Welcome to the React Final Quiz. This quiz reviews the important concepts covered throughout the React tutorial, including JSX, components, props, state, hooks, forms, React Router, APIs, authentication, styling, performance, and best practices.

Instructions: Read each question carefully and select the correct answer. After completing the quiz, click Submit Final Quiz to see your score.

1. What is React?

A database management system
A JavaScript library for building user interfaces
A server operating system
A programming language

2. Which syntax is used to write HTML-like markup in React?

CSS
JSX
SQL
JSON

3. Which attribute is used instead of class in JSX?

class
className
cssClass
styleClass

4. What is a React component?

A database table
A CSS property
A reusable part of a user interface
A browser extension

5. What are props mainly used for?

To install React
To pass data from a parent component to a child component
To create a database
To compile CSS

6. Which Hook is used to manage state in a functional component?

useEffect
useState
useRef
useMemo

7. What does useEffect mainly handle?

CSS styling
Creating JSX elements
Side effects and synchronization with external systems
Creating React routes only

8. Which Hook can reference a DOM element?

useState
useMemo
useRef
useReducer

9. Which Hook reads values from React Context?

useState
useContext
useCallback
useRef

10. What does dispatch do with useReducer?

Creates a component
Loads CSS
Sends an action to the reducer
Creates a route

11. Which method is commonly used to render an array as React elements?

filter()
map()
reduce()
find()

12. Why are keys used when rendering lists?

To add CSS
To help React identify individual list items
To create API requests
To install packages

13. Which event is commonly used for a button click?

onChange
onClick
onLoad
onRoute

14. Which event is commonly used when a form is submitted?

onClick
onSubmit
onRoute
onRender

15. Which operator is commonly used for conditional rendering when content should appear only when a condition is true?

||
&&
++
**

16. What is a controlled component?

A component controlled only by CSS
A form element whose value is controlled by React state
A component that cannot receive props
A component that cannot use events

17. Which package is commonly used for React Router?

react-fetch
react-router-dom
react-navigation-dom
react-route-js

18. Which component defines a route in React Router?

Link
Route
Outlet
Browser

19. Which Hook reads dynamic URL parameters?

useRoute
useParams
usePath
useURL

20. Which component displays child routes in a nested route layout?

Navigate
Link
Outlet
RouterLink

21. Which function is commonly used to make HTTP requests without an additional library?

request()
fetch()
httpRequest()
send()

22. What is commonly used to convert a JSON response into a JavaScript object?

JSON.convert()
JSON.parse()
JSON.object()
JSON.read()

23. Which command installs Axios?

npm install react-router
npm install axios
npm install react-api
npm install http-react

24. Which browser storage remains available after the browser is closed?

sessionStorage
localStorage
temporaryStorage
pageStorage

25. What is the main purpose of authentication?

To style a page
To verify the identity of a user
To create a React component
To format JSON

26. Which component is commonly used to redirect an unauthenticated user?

Route
Navigate
Outlet
Link

27. Which CSS framework uses a utility-first approach?

Bootstrap
Tailwind CSS
jQuery
Node.js

28. Which Hook memoizes the result of a calculation?

useState
useMemo
useEffect
useRef

29. Which is a good React best practice?

Put all application logic into one component
Create reusable components with clear responsibilities
Use useEffect for every calculated value
Store passwords in frontend code

30. Which React feature is commonly used to manage changing data in a mini project?