Lineamientos de tipado y testing para los proyectos (Y el problema de la IA)

[Nicolás Villamonte]

¡Buenas a todos!

El otro día en el checkpoint notamos algunas cosas que la mayoría de los grupos tendría que reforzar y por eso les vengo a dejar algo de material para que rápidamente puedan hacerlo.

---

Primero que nada tienen que recordar que en TypeScript

¡(casi) TODO DEBE SER TIPADO!

Todo lo que no es tipado se infiere como any en TypeScript, lo cual está MAL, sin excusas.

Por eso, refuerzo una recomendación que dejó Fer en la página de Algo3:

Lenguaje de Tipos en TypeScript

Hagan los primeros 4 capítulos que son gratis y más que suficientes para que entiendan todo lo necesario para esta cursada. 

(Debería ser material obligatorio para la cursada)

---

Por otro lado, hubo y va a haber muchas dudas sobre cómo tipar las props de algunos componentes específicos. Los invito a leer el siguiente Cheat Sheet que espero los oriente mucho más en eso:

Componente Wrapper de HTML personalizado en Svelte

---

Por otro lado, es muy probable que hayan setupeado todo y que los tests unitarios le den un error como este

Esto es porque nosotros configuramos todo como para testear con la librería @testing-library. Y los tests que vienen usan otras librerías:

import { page } from '@vitest/browser/context'; // Esto esta causando ese error

import { describe, expect, it } from 'vitest';

import { render } from 'vitest-browser-svelte'; // Y esto también

Recuerden seguir los ejemplos que les dio Fer en las clases teóricas:

import { describe, expect, it } from 'vitest'

import { render, screen } from '@testing-library/svelte' // Este `render` es el correcto, y `screen` en vez de page

import userEvent from '@testing-library/user-event'

...

---

Último tip y el más importante: No le den tanta bola a la IA, sugiere todas cosas de Svelte 4 para atrás que siguen funcionando en Svelte 5 por retrocompatibilidad pero que está mal usarlas. 

Entiendan lo que hacen, averiguen, lean la documentación de Svelte, de Typescript, de CSS y HTML, no copien y peguen de la IA sin pensar ni averiguar, usenla como una herramienta.

Si no aprenden nada y se los hace todo la IA, cuando salgan de la carrera el título no les va a servir de nada, tienen que saber ustedes, sino desde ya les digo que trabajo no van a conseguir de esto. 

Aprovechen estas materias para aprender de verdad.

---

Eso era todo lo que les quería decir, cualquier cosa pregunten.

Saludos!