Hoje, de repente, comecei a obter erros de construção em um projeto criado com o Typecript. Em um arquivo que (ou qualquer coisa que ele referencie) não foi alterado em semanas, comecei a obter: ./path/to/my/file.ts Line 0: Parsing error: Cannot read property 'name' of undefined Esse erro...
Estou tentando configurar meu novo aplicativo react-redux para usar os novos recursos do React-Redux. A documentação oficial diz O React Redux agora oferece um conjunto de APIs de gancho como uma alternativa ao componente de ordem superior connect () existente. Eu tenho tentado encontrar...
Suponha que você tenha uma função que pega um tipo de união e depois restringe o tipo e delega para uma das duas outras funções puras. function foo(arg: string|number) { if (typeof arg === 'string') { return fnForString(arg) } else { return fnForNumber(arg) } } Suponha que fnForString()e...
Estou escrevendo o TypeScript há um tempo e estou confuso sobre o que significa uma assinatura de índice. Por exemplo, este código é legal: function fn(obj: { [x: string]: number }) { let n: number = obj.something; } Mas esse código, que basicamente faz a mesma coisa, não é: function fn(obj:...
Digamos que tenhamos código TypeScript que se parece com: type User = { id: number, name: string, } let user1: User = {id: 123, name: "Hello"}; let user2: User = {id: 456, name: "World"}; let keys: (keyof User)[] = ["id", "name"]; for (let key of keys) { user1[key] = user2[key]; } Isso dá...
Estou tentando configurar um aplicativo react-admin em texto datilografado e não consigo descobrir como importar o react-admin. Isso me dá o erro (simples) de dizer "Could not find a declaration file for module 'react-admin'. '.../node_modules/react-admin/lib/index.js' implicitly has an 'any'...
Digamos que exista uma estrutura simples para exibir pop-ups: @Component( selector: 'popup-host', template: ''' <div class="popup-container"> <ng-template #popupRef></ng-template> </div> ''', styles: ['.popup-container { position: absolute; top: 100; left: 100;...
Estou trabalhando com um projeto legado JavaScript que usa a estrutura React. Temos lá algum componente React definido que eu gostaria de reutilizar em um projeto TypeScript React totalmente diferente. O componente JS React é definido no arquivo controls.jsx e tem a seguinte aparência: export...
Eu tenho um componente muito simples com um campo de texto e um botão: Leva uma lista como entrada e permite ao usuário percorrer a lista. O componente possui o seguinte código: import * as React from "react"; import {Button} from "@material-ui/core"; interface Props { names:...
Acabei de atualizar meu projeto para o Angular 9 e a primeira coisa que notei é que o tempo de compilação aumentou significativamente no meu IC (de 2 minutos para 4 minutos). Analisando os logs, toda vez que os testes ou a compilação são executados, a CLI realiza uma pré-compilação. Isso se deve à...
Gostaria de declarar uma matriz de itens aplicada por tipo e poder derivar um tipo de união a partir dela. Esse padrão funciona se você não atribuir explicitamente um tipo aos itens na matriz. Não tenho certeza de como melhor explicá-lo, então aqui está um exemplo: EXEMPLO 1 type Pair = { key:...
Estou acompanhando este post: https://medium.com/@samuelresua/easy-media-queries-in-styled-components-690b78f50053 Eu criei o seguinte no texto datilografado, mas tive que recorrer a digitar anymais do que eu tenho, tenho certeza: const breakpoints: ObjectMap<number> = { small: 767,...
Eu entendi que algo como: type GenericExample<T> = T extends (infer U) ? U : 'bar'; é igual a: type GenericExample<T> = T extends T ? T : 'bar'; Mas quando as coisas se tornam mais elaboradas, o TypeScript reclama: type Types = 'text' | 'date' | 'articles' | 'params'; type...