Tutorial práctico: React y TypeScript paso a paso, crea tu primera aplicación

nunca e estado mas perdido aprendiendo programacion

no entendi ni la mitad de todo

Midu donde está la continuación?

Sigo sin enteder por qué en el filter "!todo.completed" se refiere a que sea false, pero todo.completed se supone que es false, !todo.completed no se supone que seria true? alguien me puede explicar? por favor me estoy volviendo loco

muy buen video para ir aprendiendo TS, ahora la segunda parte solo queda en los recuerdos...

Algún desarrollador por aquí que pueda contratar pero que sepa aplicar esto para un proyecto! Que pueda crear un todolist que se vincule a una base de datos

Primero que todo, gracias por compartir!
Aún espero la segunda parte.

el init del eslint a mi me funcionó escribiendo
"npm init @eslint/config"

La verdad es increíble la cantidad de cosas que uno aprende viendo los videos de midu. Trabaje con angular un tiempo, pero no sabia que se podia hacer todas estas cosas con TS. Ahora ando aprendiendo React y me gusta mucho aprender la forma de tener un codigo limpio y que sea escalable asi como menciona midu. Muchas gracias por el contenido que nos brindas!

donde esta la continuacion de este proyecto?

recien comienzo con vite y me sabe mal que tiene un mundo de problemas con los pluggins y las dependencias ... o no se si sea mala suerte la mia xd ojala este tutorial hubiera sido con next.js :v

por alguna razón no funciona ESlint al momento de instalar... alguien me puede orientar?, obtengo el siguiente error:

PS C:\Users\pollo\Documents\todo-app-ts> npx eslint --init
You can also run this command directly using 'npm init @eslint/config'.
√ How would you like to use ESLint? · style
√ What type of modules does your project use? · esm
√ Which framework does your project use? · react
√ Does your project use TypeScript? · No / Yes
√ Where does your code run? · browser
√ How would you like to define a style for your project? · guide
√ Which style guide do you want to follow? · standard-with-typescript
√ What format do you want your config file to be in? · JavaScript
Checking peerDependencies of eslint-config-standard-with-typescript@latest
The config that you've selected requires the following dependencies:

eslint-plugin-react@latest eslint-config-standard-with-typescript@latest @typescript-eslint/eslint-plugin@^5.52.0 eslint@^8.0.1 eslint-plugin-import@^2.25.2 eslint-plugin-n@^15.0.0 || ^16.0.0 eslint-plugin-promise@^6.0.0 typescript@*
√ Would you like to install them now? · No / Yes
√ Which package manager do you want to use? · npm
Installing eslint-plugin-react@latest, eslint-config-standard-with-typescript@latest, @typescript-eslint/eslint-plugin@^5.52.0, eslint@^8.0.1, eslint-plugin-import@^2.25.2, eslint-plugin-n@^15.0.0 || ^16.0.0 , eslint-plugin-promise@^6.0.0, typescript@*
npm WARN idealTree Removing dependencies.eslint-plugin-react in favor of devDependencies.eslint-plugin-react
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @typescript-eslint/[email protected]
npm ERR! node_modules/@typescript-eslint/parser
npm ERR! dev @typescript-eslint/parser@"^6.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @typescript-eslint/parser@"^5.0.0" from @typescript-eslint/[email protected]
npm ERR! node_modules/@typescript-eslint/eslint-plugin
npm ERR! dev @typescript-eslint/eslint-plugin@"^5.52.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\pollo\AppData\Local\npm-cache\_logs\2023-08-17T05_24_24_085Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\pollo\AppData\Local\npm-cache\_logs\2023-08-17T05_24_24_085Z-debug-0.log

Sos muy bueno ! me gustaria q no uses copilot, aprenderia mas con menos "sugerencias" ( soy pobre y no puedo pagarlo jaja.)

Si Midu necesita un riñón soy el primero en dárselo, es una locura estos videos de verdad. Muchas gracias!!!!

Midu se que te esfuerzas muchísimo y no tienes mucho tiempo...pero espero con ansias que algún día hagas un video actualizado sobre autenticación de usuarios con react...saludos!

Midu hizo un video parecido cual debería hacer, el de hace un año o este????

Esto piden como prueba técnica en entrevistas en Argentina a día de hoy. Me lo pidieron esta semana.

Cree un proyecto con vite y typescript y ya venia con el plugin del eslint para typescript

gracias midu!

Midu donde puedo encontrar la segunda parte? super interesante esta clase, gracias!!

Gracias por compartir tanta buena información! Será posible que subas la segunda parte? Gracias!

midu pero continua la serie jooooo

me encantoooo, es genial!!!!. Cuando podrás hacer la segunda parte?

¿Continuarás el TODO más adelante??

ostia que ya has llegado a los 100k aquí tambien.

Alguien puede decirme como se llama la app que usa midu para hacer zoom a donde tiene el mouse?

A alguien mas no le funciona eslint? Lo instale desde visual studio, pero no me saltan los errores como a Midu

¡Muchas gracias! Esas configuraciones de TS y ESLint me han servido muchísimo.

hey, autocomplete extension?

Excelente buen video

You can do that in 10 min with ChatGPT

a alguien mas le sale este error al correr su apliacion? Failed to load url /src/main.jsx (resolved id: /src/main.jsx). Does the file exist?, por lo que entiendo vite busca el archivo main.jsx pero yo lo tengo como main.tsx pero si cambio el formato de archivo tambi[en truena, como hago que vite corra mi archivo main.jsx?

Muy buen vídeo, de 10. ¿Para cuándo la segunda parte?

Me gustó mucho este video! Te hago una consulta, por qué has enviado al component Todo los atributos y no directamente el todo completo con todos sus atributos? Es una mala práctica lo que estoy diciendo?

es más dificil seguir el código de TypeScript que de JavaScript

Mi primer intento de realizar un proyecto con Typescript. Me tumba los ánimos el ver tantos errores en el código 🤦‍♂

Voy a tener q ver mas veces los cursos de ts 😢 por q me pierdo demasiado pero gracias por enseñarlos los voy a aprender si o si

No consigo la segunda parte en twitch. Alguien me sabe donde lo puedo conseguir?

Buenísimo, me encanta. Solo una sugerencia con todo respeto. Crees que podrías silenciar la notificación cuando te llega un sub?

Hiciste un prop drilling, ese tipo de errores deben evitarse.

Hola Midu cada vez que intento hacer la configuracion del Eslint como lo haces, me da un error en los import

Good

De hecho, si TS ya es capaz de inferir un tipo es mala práctica especificarlo tú. No lo digo yo, lo dicen los gurús, y con bastante sentido

prefiero nextjs ya que trae mas funcionalidad

que grande que eres Midu, muchas gracias por el contenido y dedicación que pones en cada live <3

Tremendo!

Grande Midu ❤

Tengo un problema con el package.js a la hora de hacer npm install me da varios errores severity y con audit fixed force no me soluciona el problema y creo que esto es lo que me provoca que no pueda hacer una función de staking de mi contrato inteligente en metamask pero no estoy seguro por qué aún estoy aprendiendo, algún consejo?

Gracias por compartir su conocimiento ❤