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

Look at the create-react-app templates or any modern React tutorial — they all use the direct Props approach now.

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.