Digamos que hay un marco simple para mostrar ventanas emergentes: @Component( selector: 'popup-host', template: ''' <div class="popup-container"> <ng-template #popupRef></ng-template> </div> ''', styles: ['.popup-container { position: absolute; top: 100; left: 100;...
Estoy trabajando con un proyecto heredado de JavaScript que usa el marco React. Tenemos definido algún componente React que me gustaría reutilizar en un proyecto TypeScript React totalmente diferente. El componente JS React se define en el archivo controls.jsx y tiene el siguiente aspecto: export...
Tengo un componente muy simple con un campo de texto y un botón: Toma una lista como entrada y permite al usuario recorrer la lista. El componente tiene el siguiente código: import * as React from "react"; import {Button} from "@material-ui/core"; interface Props { names:...
Acabo de actualizar mi proyecto a Angular 9 y lo primero que noté es que el tiempo de compilación aumentó significativamente en mi IC (de 2 minutos a 4 minutos). Al analizar los registros, cada vez que se realizan las pruebas o la compilación, la CLI realiza una compilación previa. Esto se debe a...
Me gustaría declarar una matriz de elementos de tipo obligatorio y poder derivar un tipo de unión a partir de ella. Este patrón funciona si no proporciona explícitamente un tipo a los elementos de la matriz. No estoy seguro de cómo explicarlo mejor, así que aquí hay un ejemplo: EJEMPLO 1 type...
Estoy siguiendo junto con esta publicación: https://medium.com/@samuelresua/easy-media-queries-in-styled-components-690b78f50053 He creado lo siguiente en Typecript, pero he tenido que recurrir a escribir anymás de lo que tengo que estar seguro: const breakpoints: ObjectMap<number> = {...
He entendido que algo así como: type GenericExample<T> = T extends (infer U) ? U : 'bar'; es igual a: type GenericExample<T> = T extends T ? T : 'bar'; Pero cuando las cosas se vuelven más elaboradas, TypeScript se queja: type Types = 'text' | 'date' | 'articles' | 'params'; type...