Real Apps — Chapter Quiz

Question 1

1

In React Router, what's the right way to navigate without a full page reload?

A<a href="/about">B<Link to="/about">Cwindow.location = '/about'Dlocation.assign('/about')

<Link> intercepts the click, updates history, and lets the router render the new route — no reload.

Question 2

2

Which is React Query's job?

ARoutingBStyling componentsCCaching server data with refetching, deduping, retriesDForm validation

React Query (TanStack Query) is the dominant data-fetching library — caches by queryKey, refetches in the background, handles loading/error states.

Question 3

3

All app state should live in a global store like Redux.

TTrueFFalse

Most state should be local (useState). Lift it when shared. A store is the right tool only when many components, scattered, need to read/write the same frequently-changing state.

Question 4

4

What's the React Testing Library philosophy?

ATest internal state and propsBTest from the user's perspective — render, query by role/label, simulate user actionsCSnapshot every componentDTest by class name and id

Tests that read like a description of what the user does. They survive refactors because they don't depend on implementation details.

Question 5

5

For a clickable card that navigates to a URL, the best HTML is…

A<div onClick={navigate}>B<a href="..."> (or <Link> if SPA)C<button onClick={navigate}>D<span role="button">

Navigation is what links are for. Right-click "open in new tab", screen-reader announcements, keyboard handling — all free.

Question 6

6

A Vite-built React app needs a SPA fallback config (like Netlify's _redirects) for client-side routing to work after a hard refresh.

TTrueFFalse

Without the fallback, requesting /about directly returns 404 from the host. The fallback says "always serve index.html" so the router can take over.

Question 7

7

For a sign-up form with 8 fields and validation, the typical choice is…

A8 useStatesBOne useState object keyed by field nameCreact-hook-form (often with Zod)DuseReducer

For non-trivial forms, react-hook-form keeps re-renders low and reads cleanly. Pair with a schema validator for type-safe validation.

Question 8

8

Production build of a Vite app: npm run _____.

npm run build outputs an optimized static bundle to dist/. Any static host (Netlify, Vercel, Cloudflare Pages) can serve it.

Test what you learned.