Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.
Permite añadir tipos de datos a nuestras variables y constantes.
Un fichero que use typescript debe tener extensión ts. Si es un componente, debe tener extensión tsx.
Añadir Typescript a un proyecto de Vite existente
npm i typescript @types/react @types/react-dom @types/node/tsconfig.json
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
/src/vite-env.d.ts
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Declaración de tipos
Tipado básico
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Funciones
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Trabajo con indefinidos
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Funciones que pueden recibir indefinidos:
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
o
const hacerCosas = (libro?: Libro) => Tipos
Aunque podemos declararlos en el propio fichero donde los usemos, es recomendable declararlos en módulo dedicado a la descripción del dominio (en nuestro caso common/types/Classroom.ts ).
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
A parte de Vanilla.js
A tener en cuenta en React:
Tipado de estados:
const [userId, setUserId] = useState<string>(null);Tipado de props en un componente:
const BookC = ({ num, book, children, renderBooks }: { num: number, book: Book, children: React.ReactNode, renderBooks: () => void}) => {Los ficheros ts tendrán código typescript, mientras que los ficheros tsx tendrán código typescript y jsx.
Context API:
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Trabajando con Firebase
while(premium == false) verCodigo = false;
Para poder ver el código fuente, accede o suscríbete.
Validando los datos que llegan de una API
Para esto podemos usar Zod. Tienes la documentación en este enlace.