TypeScript

Extensões suportadas: ts, tsx

TypeScript é um superconjunto de JavaScript tipado que compila para JavaScript simples, que também suporta características mordernas do ES2015+. Conversões TypeScript funcionam out of the box, sem a necessidade de nenhuma configuração adicional.

<!-- index.html -->
<html>
<body>
  <script src="./index.ts"></script>
</body>
</html>
// index.ts
import message from './message'
console.log(message)
// message.ts
export default 'Hello, world'

Quando utilizado com React

Para utilizar Typescript + React + JSX, você precisa

  1. utilizar a extensão .tsx
  2. requerer o React corretamente
  3. usar tsconfig com uma opção especial "jsx": "react"

Exemplo completo:

<!-- index.html -->
<html>
<body>
  <div id="root"></div>
  <script src="./index.tsx"></script>
</body>
</html>
// index.tsx
import React from 'react'
import ReactDOM from 'react-dom'

console.log('Hello from tsx!')

ReactDOM.render(
  <p>Hello</p>,
  document.getElementById('root'),
)
// tsconfig.json
{
  "compilerOptions": {
    "jsx": "react"
  }
}

Veja este tópico completo para maiores detalhes.

Ajude-nos a melhorar esta documentação

Se alguma coisa estiver faltando ou não estiver inteiramente clara, por favor crie uma issue no repositório deste site ou edite esta página.