Course reading
React with TypeScript
Rebuild the fictional Harbor Together event explorer with typed components, state, forms, local fixtures, routes and browser-only saved event IDs. No backend, real registration, account, payment or external API is built.
Preparation: HTML/CSS and Basic JavaScript foundations or equivalent: functions, objects, imports, promises, fetch and labelled forms.
Read all 10 modules as a guest. Begin with the first module and follow the sequence; you can return to any chapter when you need it. An optional account saves your place and reading marks. Practice rubrics are for self-review; they do not unlock reading or award a certificate.
Planning estimate: 23–25 hours including the capstone; provisional and unpiloted. Timing and learner outcomes have not been piloted.
Start course Download original course materials (includes reference answers).
Reading progress
10 lessons remain open to guests. Marking a lesson read records reading only; it does not award assessment credit or a certificate.
Device reading marks require browser storage. Reading is always available.
Your earlier place on this device suggests these lessons. No new lesson is marked read.
Course contents
Set up a repeatable React workspace
Describe UI with components and props
Model trustworthy event data
Connect interactions to state
Keep identity through changing lists
Build an honest accessible practice form
Synchronize with browser systems
Handle remote-shaped data locally
Give screens meaningful URLs
Test behavior and prepare a build
Practice and references
- Source and license record
- Aabha React with TypeScript
- Start Here
- Version
- Entry diagnostic · Guide · Separate answers
- Entry diagnostic · Bring the foundations
- Assessment 01 · Answers and scoring · Separate answers
- Assessment 01 · Rendering, types and state
- Assessment 02 · Answers and scoring · Separate answers
- Assessment 02 · Forms, effects and asynchronous work
- Assessment 03 · Answers and scoring · Separate answers
- Assessment 03 · Navigation and release evidence
- Original visual register
- Capstone · Build and defend your own event explorer
- Capstone reference · Read after your first attempt
- Code guide: read, run, change, explain
- Practice 01 · A repeatable workspace
- Practice 02 · Component contracts
- Practice 03 · Data boundaries
- Practice 04 · State ownership
- Practice 05 · Identity and lifetime
- Practice 06 · A form that tells the truth
- Practice 07 · External synchronization
- Practice 08 · Async outcomes
- Practice 09 · URL-driven screens
- Practice 10 · Evidence for release
- React with TypeScript
- Empty
- Events
- Malformed
- Unsafe Text
- Wrong Shape
- Dated source register
- React with TypeScript: Harbor Together, rebuilt as a UI
- Tsconfig
- Version register · checked 2026-10-14