question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TypeScript support in Live Editor?

See original GitHub issue

Hello,

I tried using TypeScript code and it does not seem to work

() => {
  const person: {name: string} = {name: "Sam"}
  return <h3>
    So functional. Much wow!
  </h3>
}

Is it possible to use typescript today? or are there any plans to bringing it to life? Thanks

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:3
  • Comments:5

github_iconTop GitHub Comments

2reactions
ntuckercommented, Sep 30, 2022

Yeah, I currently do the transform using the TypeScript library itself (see https://github.com/coinbase/rest-hooks/blob/master/website/src/components/Playground/index.js#L21).

This works to have it read typescript, but unfortunately doesn’t give any of the benefits like seeing what the types are on hover, or doing type-ahead.

1reaction
ntuckercommented, Sep 7, 2021

https://www.typescriptlang.org/dev/sandbox/ let’s you do this today - unfortunately it doesn’t bind into react so it’s a bit of work getting it setup

Read more comments on GitHub >

github_iconTop Results From Across the Web

TS Playground - An online editor for exploring TypeScript and ...
The Playground lets you write TypeScript or JavaScript online in a safe and sharable way.
Read more >
TypeScript Programming with Visual Studio Code
Get the best out editing TypeScript with Visual Studio Code. ... Visual Studio Code includes TypeScript language support but does not include the...
Read more >
Live Edit TypeScript? – IDEs Support (IntelliJ Platform)
Hey I'm using WebStorm to edit a TypeScript application, I like the fact that "Watchers" will compile my TypeScript files upon save.
Read more >
ecraig12345/tsx-live-editor - GitHub
A very basic live editor supporting TypeScript+React. Build Commands. To start the development server: npm run start.
Read more >
Typescript Playground
Typescript Playground - write and run your typescript code online, see result in live view or in editor console. Share your typescript.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found