React Hooks Building React App 2

Question 1

Which command from Vite scaffolds a new React app with hooks support?

Accepted Answer

npm create vite@latest my-app -- --template react

Answer

npm install react-app

Answer

npx build react my-app

Answer

npm run react new

Question 2

In a freshly created React app, where is the root component typically mounted?

Accepted Answer

In main.jsx / index.js using createRoot

Answer

In index.css

Answer

In package.json

Answer

In vite.config.js

Question 3

What hook would you add to App.jsx to store a counter value?

Accepted Answer

useState

Answer

useEffect

Answer

useRef

Answer

useContext

Question 4

Which file usually contains the React component tree's top-level component?

Accepted Answer

App.jsx

Answer

robots.txt

Answer

tsconfig.json

Answer

README.md

Question 5

After editing a component, how does Vite reflect changes in the browser without a full reload?

Accepted Answer

Hot Module Replacement (HMR)

Answer

Manual rebuild

Answer

Server restart only

Answer

Browser cache clear

Question 6

Which dependency must be installed for JSX to work in a React app?

Accepted Answer

react and react-dom

Answer

express

Answer

lodash

Answer

axios

Question 7

What is the purpose of the public folder in a Vite React app?

Accepted Answer

Holds static assets served as-is

Answer

Stores compiled bundles

Answer

Contains node_modules

Answer

Defines routes