C.W.K.
Stream
Lesson 04 of 05 · published

What's Next: React 19, Next.js, Chrome Extensions

~7 min · ts-epilogue, next-steps, follow-on-quests

Level 0Curious
0 XP0/93 lessons0/23 achievements
0/100 XP to next level100 XP to go0% complete
"You can read TypeScript. Now read it in context."

The follow-on quests

TypeScript Quest is foundational. It teaches the language. Several other quests teach what to do with the language in specific contexts:

  • React 19 Quest — React's component model, hooks, Server Components, Actions, in depth. Assumes TS fluency.
  • Next.js Quest — full-stack TS with the App Router, server components, server actions, deployment.
  • Chrome Extensions Quest — TS in the browser extension context (manifest, background workers, content scripts).
  • Node.js Quest — TS on the server, Express/Hono/Fastify, deployment patterns.
  • Solo Auth Quest — auth patterns in TS, OAuth, session management.
  • WebSocket Quest — real-time TS, both browser and server.

Which to walk first

It depends what you want to build:

  • Frontend app → React 19 Quest, then Next.js Quest.
  • Full-stack from scratch → Next.js Quest covers both.
  • Browser tool → Chrome Extensions Quest.
  • Backend service → Node.js Quest.
  • Real-time → WebSocket Quest (often paired with one of the above).

The cumulative path

Most learners walk Python Quest → TypeScript Quest → one or two framework quests. By that point you can read most of cwkPippa and build similar systems yourself. The remaining quests fill in specialized domains (AI math, ML foundations, deep-learning, etc.) — pursue whichever match your project's needs.

The Quest path is intentionally modular. TypeScript Quest is the foundation; each follow-on builds on it without re-explaining the basics. The system rewards depth — walk what you'll actually use, leave the rest for later.

Code

Recommended quest paths·text
Recommended path for full-stack TS:
  Python Quest         (~26h, backend language)
  TypeScript Quest     (~28h, frontend language) ← you're here
  React 19 Quest       (~35h, components)
  Next.js Quest        (~42h, full-stack patterns)

Recommended path for backend-only:
  Python Quest         (~26h)
  TypeScript Quest     (~28h)
  Node.js Quest        (~9h)

Recommended path for browser tools:
  TypeScript Quest     (~28h)
  Chrome Extensions    (~19h)

The Quest catalog at creativeworksofknowledge.com/cwk-quests
has the full list, with prerequisite graphs.

External links

Exercise

Look at the quest catalog. Pick the next quest you want to walk. Read its long description. Confirm that TypeScript fluency is enough to start (it should be — every TS-using quest assumes you've finished this one or have equivalent fluency).
Hint
The catalog has prerequisites listed for each quest. TypeScript Quest is the prerequisite for several of the framework quests. After you finish this one, the next layer is yours.

Progress

Progress is local-only — sign in to sync across devices.
Spotted a bug or have feedback on this page?Report an Issue

Comments 0

🔔 Reply notifications (sign in)
Sign inPlease sign in to comment.

No comments yet — be the first.