Quiz · 3 questions

🌐 Frameworks — Real-World TypeScript

React 19, Next.js 16, Vite, Node, Bun, cwkPippa walkthrough

Level 0Curious

0 XP0/93 lessons0/23 achievements

0/100 XP to next level100 XP to go0% complete

01What's the canonical way to type a React functional component's props?

Hint

Put the component's real input fields in one Props type and connect that contract directly to the function parameter.

02How do you type a useState hook with TypeScript?

Hint

const [user, setUser] = useState<User | null>(null) — explicit because TS would otherwise infer just null.

03How does Next.js's App Router (Next 16) handle server vs client components in TypeScript?

Hint

Try writing an async server component that fetches data:

export default async function Page() { const data = await fetch(...).then(r => r.json()); return <div>{data.name}</div> }

. Notice no 'use client' — it runs on the server.

Spotted a bug or have feedback on this page?Report an Issue

Comments 0

No comments yet — be the first.