⚛️ REACT + TYPESCRIPT: Creando un proyecto desde cero y paso a paso (Tutorial en español)

🔷 ¿No sabes TypeScript? ¡Revisa la clase anterior!

📚 Todas las clases del FullStack Bootcamp JavaScript:

00:00:00 Intro a la magia de TS
00:08:35 Creando la App con TS
00:08:45 useState con TS
00:12:00 Renderizando el JSX con TS
00:15:50 Creando Interface de TS
00:18:00 Comprendiendo errores de TS
00:19:15 Arrays en TS
00:21:00 Recomendación de Midu sobre el State
00:23:20 Diferencias archivos .tsx y .ts
00:24:20 Props con TS
00:29:05 Tipado de Functional Components
00:33:47 Usando render list
00:37:37 Eventos en TS con formulario
00:41:40 Handle change & Event con TS
00:54:40 Props de formulario
01:01:35 UseRef con TS
01:04:14 Diferencia entre Type e Interface (Explicado por milésima vez por Midu) lol
01:10:50 UseReducer con TS
01:19:40 UseReducer como custom Hook
01:22:39 Fetching de Datos con Fetch
01:34:59 Fetching de Datos con Axios
01:37:15 Documentación TS Cheat Sheets React
01:43:45 Clean Architecture

[colinparrado]

Este video me viene como anillo al dedo, estaba buscando como aprender react con typescript por qué la empresa me lo pide. Y lo mejor que lo explica desde cero creando un proyecto 👏👏👌

[daromacs]

00:00:00 Intro a la magia de TS
00:08:35 Creando la App con TS
00:08:45 useState con TS
00:12:00 Renderizando el JSX con TS
00:15:50 Creando Interface de TS
00:18:00 Comprendiendo errores de TS
00:19:15 Arrays en TS
00:21:00 Recomendación de Midu sobre el State
00:23:20 Diferencias archivos .tsx y .ts
00:24:20 Props con TS
00:29:05 Tipado de Functional Components
00:33:47 Usando render list
00:37:37 Eventos en TS con formulario
00:41:40 Handle change & Event con TS
00:49:35 Reutilizar Interfaces y uso de archivo types.d.ts
00:54:40 Props de formulario
01:01:35 UseRef con TS
01:04:14 Diferencia entre Type e Interface (Explicado por milésima vez por Midu) lol
01:10:50 UseReducer con TS
01:19:40 UseReducer como custom Hook
01:22:39 Fetching de Datos con Fetch
01:34:59 Fetching de Datos con Axios
01:37:15 Documentación TS Cheat Sheets React
01:43:45 Clean Architecture


PS. Muchas gracias Midu me ha aclarado mucho de TS! sigo aprendiéndolo es muy interesante.
PS. Yo le di los nombres que pensé correctos, si algo me faltó o consideran un mejor cambio lo hacemos, al igual con la asignación de los tiempos.
WAGMI.

[Missmmmmmmmmmm]

de verdad... eres oro en la comunidad hispana. muchas gracias!!!

[lucasgazzola]

La comunidad agradece semejante aporte! Ya había buscado sobre este tema pero no encontré una buena respuesta hasta que midu apareció! Gracias!

[jesusmaciasfelix]

Pedazo de video! Lo ultimo que has comentado de la arquitectura hexagonal (1:43:40) interesa y mucho

[juanpabloriglos]

GRAN video para empezar a entender como implementar TYPESCRIPT. Recomendadisimo!

[leoamato]

locooo sos el mejooorr, sos muy crack explicando, sos un libro abierto

[andresbustamante]

Gracias Midu, ya sabia de que iban los interfaces, pero las buenas practicas como ordenar en props y en states fue lo mejor

[brandondanielparrillassanchez]

Muchas gracias midu, es increible que este material este al alcance de todos🟦♥

[jesuscabrita]

Hermano de verdad que me quitaste un monton de dudas q siempre me ocurren cuando programo con typescript dentro de react, siempre pensaba q typescript era una pesadilla por el tema de las quejas q hace, pero con esto me resuelves bastante

[FrancoPoe]

Gracias por el video Minu, no estaba comprendiendo como era el tema de la aplicacion de tipos con React y me voy con mucha idea sobre el tema. Muchas Gracias!!!

[carlosbenavides]

Hola Midu! Excelente video! Me ha servido mucho para llevar toda la experiencia que tengo en React al siguiente nivel con Typescript.

Tú crees que puedas hacer un video de Redux con Typescript también?

Saludos!

[cesarcarmona]

Gracias midu que las 2 horas han pasado volando y eh aprendido mucho.

[iyustlop]

Muy buena practica, he aprendido un monton.

[jonathanivanferreira]

Gracias Midu! 🤗 Justo tenía dudas con pasar el useState 👏🏼👏🏼 . Ya tenía la intuición que estaba quedando acoplado pasándolo así 🤞🏼

[joseluisfernandez]

He visto varios de tus videos Midu y me gusta tu contenido, me gustaría mucho tener acceso al repo de este ejercicio, ya que cuando uno esta comenzando le es mas fácil rectificar algunas cosas viendo el proyecto como tal. Un abrazo!

[alexiscabvb]

Que grande Midu la calidad de tus videos y tu forma de enseñar 100 puntos!

[Weagle]

Justo empece a crear un proyecto con la api de rick y morty para practicar react + ts, gracias midu!

[atrandafir]

Muy bueno el tutorial!! Me va a servir un montón para una extensión de Chrome que estoy montando con React y Typescript! Muchas gracias!! :-)

[saav]

minu yo ya sabia react y typescript pero los consejos que das son muy buenos. saludos1