TypeScript

---

This tracking issue is no longer maintained, please reference the project board for the latest updates instead: https://github.com/redwoodjs/redwood/projects/2

We’re going to add first-class support for TypeScript and be an even better experience for JavaScript as a result.

Make the project that’s created by yarn create redwood-app support TypeScript:

• Convert the *.js files in create-redwood-app repo to TypeScript.
• Transpile the new TypeScript files into JavaScript if the target is JavaScript. (JavaScript will be the default.)
• Add a flag to switch the target to TypeScript in the create-redwood-app package.
• Check for presence of tsconfig.json file in a project

Make the generators TS/ JS aware: 👉See sub-Tracking Issue #523

• Make the generators understand that the target is TS/ JS.
• Rewrite the templates from JS into TS.
• When the target is JS transpile them.

The api side:

• Verify that we import .ts files via the importAll.macro (tests!)
• We auto import context, is that a problem in the ts world?
• Verify that the dev server works well with .ts files.

The bridge between api and web:

• Share type definitions from SDL in api with gql`` in web, fixed via #1321
• Share the currentUser returned from api/src/lib/user.ts with getCurrentUser in useAuth

The web side:

• Do we properly handle .ts/ .tsx files?
• Do our auto-imported routes work properly with tslint?

Framework/Packages

• makeMergedSchema #563

Tooling

• Does linting work?
• Does jest work?

[corbt]

I’m an outsider here really excited about Redwood. First-class Typescript support is critical to me, so I wanted to get a sense on how Typescript adoption is going within the Redwood project itself. I wrote a quick script to parse the Redwood tree at each commit and count the lines of TS/JS to see the momentum. Looks like work in TS has been catching up fast, which gets me excited! Sharing the graph here in case anyone else finds it interesting.

[lobosan]

Once this is finished, maybe you can coin the term TAMStack (TypeScript, API, Markdown) 😄