aws-amplify / aws-amplify/amplify-studio

Is it possible to generated React UI components in TypeScript instead of JavaScript?

Open
#538 2 comments 1 reaction 0 assignees View on GitHub
cli feature-request studio-ui
Dominant language
No language data
Stars
135
Forks
32
PR merge metrics
No merged PRs in 30d

Description

**Is your feature request related to a problem? Please describe.**

Now when you sync with a Figma AWS Amplify UI kit and then run `amplify pull`, the UI components will be generated in JavaScript (`.jsx`) and a `.d.ts` file will be provided too. This is fine and works for all use-cases, but this could be improved if components were generated in TypeScript instead. That could help with better code readability, and also better harmony with other components that is generated in a React TypeScript project. I imagine some companies or developers would avoid using the tool for this reason.

**Describe the solution you'd like**

The CLI can detect, or ask if TypeScript is used, and based on that UI components can be generated whether in TypeScript or JavaScript.

Contributor guide

Open the contributing guide

Research direction

Start with the UI component generation path invoked by `amplify pull`, then inspect how the CLI identifies the project's language and framework. Define how TypeScript projects are detected or selected and how generated React components should differ from JavaScript output. Done means a TypeScript project receives TypeScript component files while existing JavaScript generation remains supported.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
cli, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.