Document how to create an app with TypeScript support

[borekb]

I had a relatively hard time working out how to create a new React app with the built-in TypeScript support. I looked here:

• README
• docs / Getting Started
• docs / Adding TypeScript

No mention there. Finally, in the changelog, I found what I was looking for:

npx create-react-app my-app --typescript

I think that all three places mentioned above should be updated, mentioning this flag. If you agree, I'd prepare a PR.

[ahmad2smile]

As @borekb said all tutorials mentioned

npx create-react-app my-app --typescript

to get typescript support. It should be clearer in the docs that its not necessary command. CRA just supports TS by default and If you have .ts files in your project it would just generate tslint and compile those files by default.

Also should be mentioned that --typescript flag doesn't produce .ts files. I expected this flag to produce TS files and when it didn't I looked though issues and medium articles why this wasn't working.

[ahmad2smile]

Also needed to add // tslint:disable comment in serviceWorker.ts to get it to work.

[rsuk]

I have submitted a PR to update the readme / getting started: 5866

[quantuminformation]

I'm importing polyfills but they are not being loaded or run at runtime with this new native typescript support, is there smth special we need to do?

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import 'url-search-params';
import 'react-app-polyfill/ie9';


ReactDOM.render(<App />, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: http://bit.ly/CRA-PWA
serviceWorker.unregister();

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[stale]

This issue has been automatically closed because it has not had any recent activity. If you have a question or comment, please open a new issue.