Learn Typescript with React - the Right Way

A hands-on interactive platform that helps React devs confidently transition from JS to TSX

type HelloProps = { name: string };
export function Hello({ name }: HelloProps) {
  return <div>Hello, {name}!</div>;
}

What You'll Get

In-browser TSX Editor icon

In-browser TSX Editor

Code directly in browser and get output

Step-by-Step Lessons icon

Step-by-Step Lessons

Learn by doing with our interactive lessons

Instant Feedback icon

Instant Feedback

Get real-time feedback on your code and improve your skills

Track Your Progress icon

Track Your Progress

Monitor your progress and see how you're doing

How It Works

1Choose a lesson

2Read, code, and test

3Level up and move on

Code Playground Preview

EditorOutput
type HelloProps = { name: string };

export function Hello ({ name }: HelloProps) {
return <div>Hello, {name}!</div>;
}