TypeScript with React and JSX
This example repo is illustrating usage of TypeScript with React and JSX syntax support in TypeScript's compiler via
⚠️ This project is outdated and deprecated
This example came to life in a different time, when TypeScript was just starting to be popular, when JSX syntax support was a new thing for TypeScript, the official documentation on this topic was scarce, and tools like
create-react-app did not exist yet.
If you're learning about how to configure a TypeScript project to add Webpack and React, the official TypeScript documentation explains it well, and will likely remain up to date in the future.
See React & Webpack · TypeScript.
If you're looking for a quick way to start a new React project with TypeScript, my favourite way is
create-react-app using the
You can also check out the official TypeScript-React-Starter template project.
- Have node.js installed.
- Have TypeScript Definition manager (tsd) installed globally:
npm install tsd -g
- Clone this repo.
npm installto get all dependencies and install typings.
tsd installto get all type definitions.
npm startto run Webpack dev server.
- Navigate to localhost:8080 to view the page (it's nothing impressive, really).
Problems or errors
If you notice anything wrong with this example, please report it under issues.
And if you're feeling extra helpful, pull requests are always welcome!