Google Translate Clone | React, TypeScript, ChatGPT + ViteTest 🌐

[@midulive]

Repositorio con todo el código y el resto de clases: github.com/midudev/aprendiendo-react

[@Viesoc]

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!

[@im_jostincII]

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

[@EdwinRodriguez-nz4tk]

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

[@diegonaranjo1874]

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

[@peiboll2504]

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!

[@OliverCarvajal-lf3nt]

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

[@Rhast-zi6my]

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

[@gus5538]

Estaba por hacerlo y me di cuenta que había cambiado, es lindo saber que alguien esta haciendo el curso a la par

[@pablocubillos8694]

Que gran contenido Midu! Me partí de la risa con el "My name is Midu ..." jajajaja que le pasaba al en-US 🤣🤣🤣

[@mojicaraul1]

jajaja, ha sido de lo mas divertido y formativo este proyecto!!!

[@denisperalta141]

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

[@rodolfolopezp]

Exacto midu. Chatgpt traduce mucho mejor que Google. 👌

[@code1866]

Una maravilla 🎉

[@CésarTroubles]

Muchas gracias por tu contenido Miud, me ayudas un montón.

[@diegoandresssalas3856]

Excelente, gracias midu

[@yesidexe]

Alguien sabe como se haria la parte del openai con la nueva versión?

[@mis2michis726]

Gracias Midu ❣

[@luisvanegasdev95]

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.

[@isrcas]

de grande quiero ser como tu midu

[@remdt]

1:48:25 Aca va el like por el Midu feat Stephen Hawking

[@CalichemanOrozco]

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?

[@midulive]

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.

[@CalichemanOrozco]

@@midulive Muchisimas gracias midulive! me encanta tu contenido he aprendido muchisimo

[@Mik3aglin]

Buenas. Vas a subir los videos del resto de ejercicios del repositorio git? Un saludo. Gracias por el contenido

[@davidhyde9233]

Al final hizo en otro directo lo de llevar la parte de openai a una api? O queda de deberes

[@federicogalassi2201]

Oye midu puede ser que al dia de hoy este dando errores con la parte de Openai???

[@danylvr37]

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?

[@Svidur]

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)?

[@genaroibc]

Grande Miduuuuu ❤

[@SonGoku-pc7jl]

buen material siempre! :)

[@CJosshua]

¿Podré hacer ese traductor con la API de Google Gemini?

[@valegottardello5298]

JAJAJAJAJAJA FRANCES SEGUNDO, MIRA QUE LOS COMENTARIOS SON BUENOS, PERO ESE SE GANA EL PREMIO

[@davidhyde9233]

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.

[@Jorgesquiva9]

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 ?

[@contrerasgarciaangel6614]

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!

[@JuanManuelLondoñoGonzález]

Hola, ¿Alguien me puede decir como se configura el Eslint para que haga la corrección al momento de guardar? Muchas gracias.

[@gus5538]

Buscalo en youtube, fix eslint error when saved

[@kikemore3451]

que extension esa que aparece mensajes en rojo? gracias

[@genaroibc]

Error Lens

[@facundomoran8595]

Hola Midu, muchas gracias por todo el conocimiento. Mi primer proyecto hecho en React usando typescript. (15/12/24 - no me funcionó la configuración de ESLINT con Node20, si alguien tiene algún tutorial pase link)

[@adrianmiranda62]

Alguien mas tiene el error 429 (demasiadas solicitudes a la API) cuando solo escriben una letra? no lo traduce solo muestra error, ya actualice la libreria y como se uso en la ultima version con ayuda de ChatGPT, pero aun asi no encuentro la fuente del error que produce tantas solicitudes

[@TheDirtzzdourden]

Tienes que actualizar tu método de pago en el API de openai

[@victorraul6893]

midu que paso con el video de react + typescript

[@FrankGP.Systems]

Increíble

[@Tuty01]

Tengo este error de parte de ESLINT; Error: Failed to load config "standard-with-typescript" to extend from.

[@Tuty01]

Es más extenso el error, pero no me permite avanzar (podría, pero tendria que hacerlo sin el linter)

[@luisvasquez6971]

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.

[@adriandiaz3936]

como lo resolviste?

[@Tuty01]

@@adriandiaz3936 No lo resolví, directamente no intente hacerlo y me puse a hacer otra cosa

[@isaacfelipefloresmorales]

Me sale un error cuando intento hacer que traduzca cuando intenta hacer el POST :(

[@arromero491]

lo resolviste?

[@diegonaranjo1874]

las depedencias de eslint cambiaron, ne apareec igusl que a midu, ahi que? jajaj ayudaaaa

[@wb4529]

vamoooos

[@leonelpaez9358]

57:00

[@f3rchodotcom]

Comence a usar el keyof typeof :D

[@stivenreina2267]

1:43:00

[@luis86182]

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 :(.

[@rukho9888]

1:50:22 XD

[@Angelcruz07ts]

despues de dos dias lo he terminado

[@FlorenciaMarcazzo]

Pudiste ver cómo hacer lo de la API con la actualización de open ai…¿

[@Dolayas]

1:50:26 hahahahahha

[@javilonk22]

Que te pasa con el francés?? 😂😅😢