Simplified TypeScript steps

[brunolemos]

We don't need to tell users to rename multiple files at this step, only one.
And it's not needed to add {} to tsconfig anymore since #5532.

[bsr203]

bit confused about step 2.

Rename src/index.js to src/index.tsx or create an empty tsconfig.json file at the root project directory.

is tsconfig.json optional (or ??)
don't we need to rename other js files (App.js etc)

also mention, an easy way to create tsconfig.json is
./node_modules/.bin/tsc --init at the root of the project

[bsr203]

got an error trying out

$ react-scripts start
Could not find a required file.
  Name: index.js

[brunolemos]

tsconfig.json gets created automatically! :)

It was not released yet, you need to run these steps to try this now: #5541 (comment)

[bsr203]

:-) sorry for commenting too early. It worked great. I missed yarn link react-scripts step. thanks a ton for your hard work on this and save us time setting up ts. Cheers.

[wojtekgalaj]

@brunolemos Thanks a lot for your work on TS support :)

I'm having a hard time figuring out how to make relative paths work. I'm referring to what is usually solved in CRA by using the NODE_PATH env variable. I have tried using the paths key in tsconfig but had no luck. It seems that apart from adding that key to the config I need to modify webpack config which is not available without ejecting, something I would really rather not do if at all possible.

Thanks again :)

Scratch that, paths in tsconfig work just fine. Sorry about the noise.

Buuuuut, I can't for the life of me figure out how to make those paths work with jest.