Server & Client Components — Chapter Quiz

Question 1

1

In App Router, what is the default for a new component file?

AClient ComponentBServer ComponentCStatic ComponentDEdge Component

Files are Server Components unless they include 'use client' at the top.

Question 2

2

A Server Component can await a Promise directly in its function body.

TTrueFFalse

Server Components can be async — they run on the server, so awaiting fetch or a DB call is the canonical pattern.

Question 3

3

Where does 'use client' need to appear to mark a Client Component?

AAnywhere in the fileBOn the line above the component declarationCOn the very first non-comment line of the fileDInside the function body

Directives must be the first statement in the file (comments and whitespace are fine before them).

Question 4

4

What does <Suspense fallback={<p>Loading…</p>}> do?

ACatches errors thrown by its childrenBRenders the fallback while its children's data resolves, streaming the children in when readyCDefers rendering foreverDDisables hydration

Suspense + streaming is how the static shell flushes while slow data resolves and gets streamed in.

Question 5

5

Which file is the automatic Suspense boundary for a route segment?

Aerror.tsxBloading.tsxCfallback.tsxDwaiting.tsx

loading.tsx is wrapped around the matching page.tsx in a <Suspense> automatically.

Question 6

6

A Server Component can be imported from a Client Component.

TTrueFFalse

You cannot import a Server Component from a Client Component. You can, however, pass one in as children to a Client Component.

Question 7

7

To make a hook-using third-party library work in App Router, wrap it in a _______ module that re-exports its components.

The wrapper file marked with 'use client' becomes the boundary; everything it exports is a Client Component to its callers.

Question 8

8

Which of these force a component file to be a Client Component?

Select all that apply.

AUsing useStateBUsing useEffectCAwaiting fetchDAttaching an onClick handler

Hooks and event handlers only work on the client. Awaiting fetch is fine — and encouraged — in Server Components.

Test what you learned.