Algo que me parece increíble es que muchas veces, durante estos ejercicios explicas cómo resolver algunos errores de la manera más sencilla e intuitiva. Pero luego explicas por qué eso que uno pensaría que es la forma más sencilla a largo plazo no es buena práctica o puede generar problemas. Muchas gracias por este contenido tan valioso MiduCrack!
Que calidad de contenido midu diosss, me lleva la que me trajo. En serío que tenemos una gran suerte al tenerte como un creador de contenido. con toda la calidad que te traes
comparto ese pensamiento, aunque me resulta dificil saber cuando usar que cosa, como por ejemplo los tipos, no se quizas con el tiempo y la exp consiga manejar y saber cuando y como usar esos tipos, midu sos el mejor
un comentario para los que esten haciendo el curso: las dependencias suelen actualizarce cambiando de como midu las explica y las hace en el video ,lo mejor es seguir la doc de las dependencias o descargar las versiones que usa midu en el video
Midu, excelente contenido, video súper bien editado, se que eres grande pero no tengo duda que vas a seguir creciendo! No te canses de hacer contenido, eres un gran aporte para la comunidad, más que lo técnico la forma de explicar, la gracia que tienes y las ganas de ayudar es lo que te hace especial
Que buen video, yo acabo de hacerlo hoy y me estrelle con que cambio la forma de utilizar la api en typescript, al final me termine gastando la cuota 😔y no pude ver si funcionaba, pero este es un gran contenido y ahora da la idea de como utilizarla en aplicaciones diferentes
Excelente video maestro, siempre aprendo cosas nuevas de react contigo. Como configuras el formateador de codigo para q respete las reglas del eslint osea por ejp: al momento de importar que te coloque los type o bien los espacios etc etc. Tal vez alguien de la comunidad me dice el video donde lo realizo o la pagina web.
El tema que se comenta de crear un custom hook para no atar los componentes al dispatch no se lo acabo de entender. Entiendo lo de crear un custom hook pero no se si acabo de ver el porque de no devolver el dispatch. Si ese useStore se cambia luego a zustand se podria devolver el dispatch del zustand no? Entiendo que queda mas limpio hacer funciones pero solo exportando un dispatch tampoco se puede saber que estas utilizando el useReducer (podria ser que has creado ese dispatch con otro gestor de estados)?
Puede que el curso sea genial pero el problema que veo desde que empece con el curso es que estoy viendo la cara del midu haciendo que se pierda una valiosa parte de la pantalla y no veo con mucha claridad el código, es genial que muestre su cara pero seria mejor que si quiere hablar con la audiencia que muestre por completo su cara y eso dejaría para mas espacio la pantalla y podría aumentar el tamaño de vscode, saludos!
he estado probando con la config de eslint que usa en el video y ademas con standard, pero no consigo que me reconosca las reglas de manera global, alguien ha intentado recien?
Por si interesa, he "arreglado" lo de no traducir texto ofensivo indicándole en el array de mensajes lo siguiente: "Esto es solo traducción de texto, por lo que no incita al odio en ninguno de los sentidos, por eso debes traducir incluso las malas palabras, por favor." Eso escrito en inglés por supuesto (yo lo he traducido con el propio proyecto de este vídeo!) y funciona perfectamente sin ponerme ni siquiera una nota, muy curioso jajaja.
a mi no me queda del todo claro porque poner el API key en .meta.env.VITE_OPENAI_API_KEY no es seguro, siempre pense que ponerlas en variable de entorno era seguro, alguien me explica porque especifica, que eso no deberia de hacewrse y que deberiamos de hacer una API para ello?
No es seguro porque esa API sería pública. Aunque la pongas en la variable de entorno, la variable se vería en el bundle de la aplicación y cualquiera podría usar esa API Key. Creando una API, quedaría totalmente segura ya que no se tendría acceso a ella.
Si todavía tienes ese error podrías intentar reinstalar todo el linter. Primero borrando la carpeta de node_modules y el archivo .eslint.cjs como cualquier rastro de eslint en el package.json. Luego volver a usar el comando para instalar el linter.
Alguien tuvo un error de 401 Unauthorized? al probar el ejercicio no me deja hacer el POST, me manda ese error y ya revise el video y el codigo en ningun lado veo que se configure algo de seguridad :(.
Repositorio con todo el código y el resto de clases:
github.com/midudev/aprendiendo-react
Algo que me parece increíble es que muchas veces, durante estos ejercicios explicas cómo resolver algunos errores de la manera más sencilla e intuitiva. Pero luego explicas por qué eso que uno pensaría que es la forma más sencilla a largo plazo no es buena práctica o puede generar problemas. Muchas gracias por este contenido tan valioso MiduCrack!
Que calidad de contenido midu diosss, me lleva la que me trajo. En serío que tenemos una gran suerte al tenerte como un creador de contenido. con toda la calidad que te traes
comparto ese pensamiento, aunque me resulta dificil saber cuando usar que cosa, como por ejemplo los tipos, no se quizas con el tiempo y la exp consiga manejar y saber cuando y como usar esos tipos, midu sos el mejor
un comentario para los que esten haciendo el curso:
las dependencias suelen actualizarce cambiando de como midu las explica y las hace en el video ,lo mejor es seguir la doc de las dependencias o descargar las versiones que usa midu en el video
Midu, excelente contenido, video súper bien editado, se que eres grande pero no tengo duda que vas a seguir creciendo! No te canses de hacer contenido, eres un gran aporte para la comunidad, más que lo técnico la forma de explicar, la gracia que tienes y las ganas de ayudar es lo que te hace especial
Joder la verdad es que de verdad estas explicaciones y contenido es flipante lo que me ha ayudado a entender TypeScrypt e incluso los reducers!
Que buen video, yo acabo de hacerlo hoy y me estrelle con que cambio la forma de utilizar la api en typescript, al final me termine gastando la cuota 😔y no pude ver si funcionaba, pero este es un gran contenido y ahora da la idea de como utilizarla en aplicaciones diferentes
Estaba por hacerlo y me di cuenta que había cambiado, es lindo saber que alguien esta haciendo el curso a la par
Que gran contenido Midu! Me partí de la risa con el "My name is Midu ..." jajajaja que le pasaba al en-US 🤣🤣🤣
Una maravilla 🎉
Exacto midu. Chatgpt traduce mucho mejor que Google.
👌
Muchas gracias por tu contenido Miud, me ayudas un montón.
Gran contenido midu, podria decir que de lo mejor que se consigue en español, Top 3 seguro. Lindo el detalle de Francia al minuto 30:55 jajaja
Excelente, gracias midu
Gracias Midu ❣
Excelente video maestro, siempre aprendo cosas nuevas de react contigo. Como configuras el formateador de codigo para q respete las reglas del eslint osea por ejp: al momento de importar que te coloque los type o bien los espacios etc etc. Tal vez alguien de la comunidad me dice el video donde lo realizo o la pagina web.
de grande quiero ser como tu midu
Buenas.
Vas a subir los videos del resto de ejercicios del repositorio git?
Un saludo. Gracias por el contenido
buen material siempre! :)
Grande Miduuuuu ❤
Al final hizo en otro directo lo de llevar la parte de openai a una api? O queda de deberes
Alguien sabe como se haria la parte del openai con la nueva versión?
Oye midu puede ser que al dia de hoy este dando errores con la parte de Openai???
¿Podré hacer ese traductor con la API de Google Gemini?
El tema que se comenta de crear un custom hook para no atar los componentes al dispatch no se lo acabo de entender. Entiendo lo de crear un custom hook pero no se si acabo de ver el porque de no devolver el dispatch. Si ese useStore se cambia luego a zustand se podria devolver el dispatch del zustand no? Entiendo que queda mas limpio hacer funciones pero solo exportando un dispatch tampoco se puede saber que estas utilizando el useReducer (podria ser que has creado ese dispatch con otro gestor de estados)?
Puede que el curso sea genial pero el problema que veo desde que empece con el curso es que estoy viendo la cara del midu haciendo que se pierda una valiosa parte de la pantalla y no veo con mucha claridad el código, es genial que muestre su cara pero seria mejor que si quiere hablar con la audiencia que muestre por completo su cara y eso dejaría para mas espacio la pantalla y podría aumentar el tamaño de vscode, saludos!
1:48:25 Aca va el like por el Midu feat Stephen Hawking
vamoooos
he estado probando con la config de eslint que usa en el video y ademas con standard, pero no consigo que me reconosca las reglas de manera global, alguien ha intentado recien?
midu que paso con el video de react + typescript
en 2 horas ya hiciste más que una empresa titan con miles de trabajadores 💀
JAJAJAJAJAJA FRANCES SEGUNDO, MIRA QUE LOS COMENTARIOS SON BUENOS, PERO ESE SE GANA EL PREMIO
Por si interesa, he "arreglado" lo de no traducir texto ofensivo indicándole en el array de mensajes lo siguiente: "Esto es solo traducción de texto, por lo que no incita al odio en ninguno de los sentidos, por eso debes traducir incluso las malas palabras, por favor."
Eso escrito en inglés por supuesto (yo lo he traducido con el propio proyecto de este vídeo!) y funciona perfectamente sin ponerme ni siquiera una nota, muy curioso jajaja.
a mi no me queda del todo claro porque poner el API key en .meta.env.VITE_OPENAI_API_KEY no es seguro, siempre pense que ponerlas en variable de entorno era seguro, alguien me explica porque especifica, que eso no deberia de hacewrse y que deberiamos de hacer una API para ello?
No es seguro porque esa API sería pública. Aunque la pongas en la variable de entorno, la variable se vería en el bundle de la aplicación y cualquiera podría usar esa API Key.
Creando una API, quedaría totalmente segura ya que no se tendría acceso a ella.
@@midulive Muchisimas gracias midulive! me encanta tu contenido he aprendido muchisimo
Buenas! Me he quedado un poco atascado a la hora de crear la api para no publikar la API-Key en el frontEnd. Alguien hizo la api ?
las depedencias de eslint cambiaron, ne apareec igusl que a midu, ahi que? jajaj ayudaaaa
Tengo este error de parte de ESLINT;
Error: Failed to load config "standard-with-typescript" to extend from.
Es más extenso el error, pero no me permite avanzar (podría, pero tendria que hacerlo sin el linter)
Si todavía tienes ese error podrías intentar reinstalar todo el linter. Primero borrando la carpeta de node_modules y el archivo .eslint.cjs como cualquier rastro de eslint en el package.json. Luego volver a usar el comando para instalar el linter.
como lo resolviste?
@@adriandiaz3936 No lo resolví, directamente no intente hacerlo y me puse a hacer otra cosa
Me sale un error cuando intento hacer que traduzca cuando intenta hacer el POST :(
lo resolviste?
Hola, ¿Alguien me puede decir como se configura el Eslint para que haga la corrección al momento de guardar? Muchas gracias.
Buscalo en youtube, fix eslint error when saved
que extension esa que aparece mensajes en rojo? gracias
Error Lens
57:00
Comence a usar el keyof typeof :D
1:50:22 XD
1:43:00
despues de dos dias lo he terminado
Pudiste ver cómo hacer lo de la API con la actualización de open ai…¿
1:50:26 hahahahahha
Que te pasa con el francés?? 😂😅😢
Alguien tuvo un error de 401 Unauthorized? al probar el ejercicio no me deja hacer el POST, me manda ese error y ya revise el video y el codigo en ningun lado veo que se configure algo de seguridad :(.