React Hooks Building React App 5

Question 1

Which command produces an optimized production build in a Vite React app?

Accepted Answer

npm run build

Answer

npm run build bundles and minifies the app into the dist folder for production.

Question 2

Where does Vite output the production build by default?

Accepted Answer

dist/

Answer

Vite writes the production bundle to the dist directory by default.

Question 3

What hook accesses a DOM element directly, such as focusing an input?

Accepted Answer

useRef

Answer

useRef holds a mutable reference to a DOM node without causing re-renders.

Question 4

Why should you avoid putting derived data in state when it can be computed during render?

Accepted Answer

It risks state getting out of sync and adds complexity

Answer

Computing derived values during render avoids duplicate, possibly stale state.

Question 5

What does Strict Mode do during development in a React app?

Accepted Answer

Double-invokes certain functions to surface side-effect bugs

Answer

StrictMode intentionally double-renders components in development to expose unsafe side effects.

React Practice Test