This content originally appeared on DEV Community and was authored by Juandieruiz
¡Bienvenidos desarrolladores!
JavaScript es ahora uno de los lenguajes de programación más utilizados y es fantástico en lo que hace.
Pero no siempre es lo suficientemente estricto. Nos dará mucha libertad, que a veces es exactamente lo que queremos.
Pero para grandes aplicaciones no es lo ideal, ya que podemos romper piezas con el tiempo.
Un ejemplo de esto podría ser una variable que tiene en su base de datos, pretende ser un número, pero un día devuelve una versión de cadena de un número como
'123'
.
Puede que este no sea el fin del mundo, pero digamos que estabas haciendo cálculos con esto y siempre esperabas un número, por lo que no lo analizas de ninguna manera.
Ahí es exactamente donde TypeScript le habría advertido sobre el valor que no se define correctamente.
Entonces, ¿qué es TypeScript?
TypesScript es un superconjunto de JavaScript, que nos brinda tipos estáticos, clases e interfaces.
Como beneficio de usarlos, nuestros IDE pueden brindarnos una mejor experiencia de desarrollador porque nos dirán qué esperar de ciertas funciones/variables.
TypeScript se ejecuta antes de que se ejecute su código, asegurándose de que los tipos de su código estén escritos correctamente.
Por ejemplo, tomemos esto como un ejemplo:
let demo: número;
demostración = 'cadena';
Creamos let como un tipo de número, por lo que es incorrecto asignarlo como un valor de cadena y TypeScript nos lo hará saber.
Una buena cosa a tener en cuenta es que TypeScript no cambiará su código de salida.
Eventualmente, su salida será JavaScript simple, pero nos aseguramos de que las variables y los tipos sean exactamente lo que esperábamos.
Puede compararlo con
SASS/SCSS
Es una forma diferente de escribir CSS, pero el resultado es simplemente CSS.
cómo empezar
Antes de sumergirse en TypeScript, sugeriría familiarizarse con TypeScript. Usaré los próximos artículos para repasar sus conceptos básicos.
Pero echemos un vistazo introductorio a lo que se necesita para pasar de JavaScript a TypeScript.
Tendremos que convertir nuestros archivos .js existentes a archivos .ts.
Luego, necesitaremos un compilador TypeScript para convertir estos .ts en archivos .js simples nuevamente.
El compilador de TypeScript se llama tsc.
Podemos instalarlo instalando el siguiente paquete.
npm install -g typescript
Una vez hecho esto, podemos ejecutar tsc file.ts para verificar ese archivo específico.
Este comando determinará si nuestro TypeScript es válido y generará el mismo nombre pero como un archivo .js.
Agreguemos el código escrito incorrectamente como discutimos antes:
let miNombre: cadena;
miNombre = 123;
console.log(`Hola ${miNombre}`);
Si ahora intentamos compilar este código, obtenemos el siguiente error.
Sin embargo, el archivo index.js aún se genera con la versión de JavaScript convertida.
Esto se debe a que, al final, TypeScript está ahí para ayudarnos, pero asumirá que sabemos lo que estamos haciendo.
Nos advirtió sobre algo, y depende de nosotros hacer algo con esto.
Sin embargo, puede indicarle que no compile en caso de error mediante el indicador --noEmitOnError.
que sigue
Ahora que sabemos ampliamente qué es TypeScript y qué hace,
¿qué podemos hacer a continuación?
En los próximos artículos, repasaremos los conceptos básicos de TypeScript.
- tipos
- Interfaces
- funciones
- y más+
Esté atento a los próximos artículos si está interesado en aprender TypeScript conmigo 🙌.
¡Gracias por leer, y conectemos!
Redes Sociales
💻 Llegado hasta aquí si quieres más contenido así, te invito a que me sigas en Instagram❤ y me des esas ganas de seguir trayendo contenido masivo como este!
Juan Diego Gómez
Desarrollador de Software Full Stack
This content originally appeared on DEV Community and was authored by Juandieruiz
Juandieruiz | Sciencx (2022-02-16T09:43:08+00:00) Cómo TypeScript puede cambiar tu vida. Retrieved from https://www.scien.cx/2022/02/16/como-typescript-puede-cambiar-tu-vida/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.