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

Vite's create command with the react template scaffolds a modern React project.

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

The entry file calls createRoot and renders the App component into the DOM root node.

Question 3

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

Accepted Answer

useState

Answer

useState manages local component state such as a counter.

Question 4

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

Accepted Answer

App.jsx

Answer

App.jsx (or App.tsx) holds the top-level application component.

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

Vite uses HMR to swap updated modules while preserving app state.

React Practice Test