TypeScript 1.6 (Nuevas características) 1 – 3

JSX

Jsx es una sintaxis XML embebida en nuestros ficheros js. Se hizo muy popular con la aparición de React. Ahora TypeScript no solo soporta y es capaz de compilar esta nueva sintaxis, si no que ademas verifica tipos.

Nuestros archivos deben de ser .tsx

Usando React

Para poder tener soporte sobre neustras extension jsx con react, es necesario referencias los React typings. Estos typings definen los namespaces de JSX

Intersection types

Este concepto viene a complementar al incorporado anteriormente de Union Type.
Cuando hablamos de Union Type, estamos hablando de algo similar a esto: a | b , donde decimos que nuestra variable debe de ser del tipo a o del tipo b. Pues bien ahora el concepto de Intersection types nos dice lo contrario, nos indica que nuestra variable sera del tipo a y también del tipo b, y se escribe de la siguiente manera : a & b

Un ejemplo un poco mas complejo del uso de interfaces y anidamiento mediante generics

Y un ejemplo un poco mas claro :

Local type declarations

Similar al scope que manejan las variables declaras mediante la palabra let y const. Ahora podemos declarar de manera local a un bloque de código, una interface

Una posibilidad que nos da esta característica, es la de poder retornar clases, sin exponer implementación. Brindando la posibilidad de crear factory’s que retornen no solo instancias si no tipos.

De igual manera podemos retornar interfaces sin exponerlas, solo exponiendo sus atributos.

Los tipos locales pueden contener clases locales, interfaces locales e inclusive pueden hacer uso de generics.

 

Leave a Comment