Curso React: 80. Context API - Haciendo una APP MultiIDIOMA CON Context - jonmircha

En este video hacemos una App para entender como funciona Context API de React, en este video programamos la funcionalidad de multi idioma con Context API.
⚛️ Curso React - • Curso React.js
💛 Aprende JavaScript - aprendejavascr...
🔵 Curso Webpack - • Curso de Webpack - jon...
📖 Mis notas sobre React jonmircha.com/...
📦 Códigos: github.com/jon...
🔵 Documentación Context API - es.reactjs.org...
🎥 VIDEOS RECOMENDADOS
🟣 Instalando Git - • 🤯😱 Usa la terminal de ...
🟣 Instalando Node - • Instalación de Node.js...
🟣 Instalando NVM - • Múltiples versiones de...
🔔 Suscríbete al canal kzbin.info... 🤓
👉 Visita mi sitio web jonmircha.com/ 💻
🌮 ¿Me invítas un taco? www.paypal.me/...
🤲 Apóyame con una Donación jonmircha.com/...
📫 Suscríbete a mi lista de correo tinyletter.com...
#React #Reactjs #ReactContext

[@marlysaguila5564]

Buenísimo. Aún no puedo creer que haya hecho las dos restantes con la explicación del video anterior, no siendo necesario ver la solución. Muchísimas gracias!

[@jonmircha]

😉👋🏻

[@matiasromera330]

no tuve ningún problema de mandarme a hacer sólo el context del lenguaje, se nota que explicás bien!

[@jonmircha]

😉👍🏻

[@walterjosesuarezdelacruz1495]

voy a ver tu video hasta el final sin practicar, auqnue claro copiando el código, para despues verlo nuevamente, pero ahora si practicando, no se si sea la manera más efectiva de aprender, pero a mi me funciona, grande Profe

[@jonmircha]

😉👍🏻

[@soycmramos]

Por fin entendí el Context API. Muchas gracias, Jon.

[@jonmircha]

Con mucho gusto👋🏻😉

[@Leaaan_]

Lo entendí a la primera, pude hacerlo sin ver el video y he ahorrado tiempo. Muchas gracias Jon, entendí perfectamente Context API. :)

[@jonmircha]

Excelente!👋🏻😉

[@ramiroocamporodriguez8096]

Gracias Jon eres un gran ser humano y excelente maestro

[@jonmircha]

😉👋🏻

[@martingalenda]

Tengo una pregunta, y dos aportes para todos: - Pregunta: Se le puede pasar parametros desde un componente consumer, a una función ubicada en el componente provider? o solo puede recibir el evento? He intentando y no he podido. Y en ningúno de los ejercicios se hablo del tema. - Aportes: 1.- En el ejercicio de lenguajes, hay una variable de estado de más, se puede controlar facilmente en una. 2.- Si quieren llevar el ejercicio a un nivel más allá, recuerden que tienen la posibilidad de detectar el idioma utilizado por el navegador del usuario. Por lo que si se hacen las validaciones pertinentes utilizado la propiedad (navigator.language de window), comunmente el usuario ni si quiera deba cambiar de idioma, y siempre vea el de su preferencia. Saludos

[@darkaxce]

Agradezco el increíble contenido que tienes, eres una persona que tiene buena calidad en su contenido! Espero que luego nos puedas dar una mano con REDUX la verdad eres de los que mejor explica esos temas complejos. Los haces ver como si fueran fácil jajajaj Muchos éxitos y gracias por todo

[@jonmircha]

😉🙌🏻

[@chusteryt3715]

Wow, super sencilla la explicación

[@jonmircha]

Gracias, saludos😉👋🏻

[@andreygomez2627]

Jhon eres increíble. tu manera de explicar es asombrosa. logre realizar los 2 ejercicios con tu explicación del vídeo anterior.

[@jonmircha]

👏🏻😀

[@paulpaucarb]

Gracias!!!! lo entendi a la primera ojala y despues de este curso ya pueda comenzar hacer mis propias aplicaciones , eres el mejor Jhon

[@jonmircha]

👋🏻😉

[@lucianomoreno5070]

Felicidades Jon. Estoy haciendo un libro en react, a partir de tus explicaciones, tengo el header, main y footer. En el footer he puesto dos botones next y previus, para mostrar en main cada capitulo. El problema es que no se como cambiar el contenido del componente main. Muchas gracias, y perdone las molestias.

[@jonmircha]

Podrías hacerlo justamente con Context 😉

[@alexisvazquez9370]

Hermano en verdad eres un crack!

[@jonmircha]

😉🙌🏻

[@instintoimagen]

Genial este curso de #reactjs Genial la didáctica de proponer resolver por si solos antes de ver el video. Pedagógicamente muy valorado!!!

[@jonmircha]

Muchas gracias!

[@eduardoFreites]

Es que explicas tan bien que solo tuve que verme el vídeo anterior una sola vez y pude hacer este ejercicio sin ver el vídeo, bárbaro! 👏🏼

[@jonmircha]

Excelente!

[@manoloexplaintome6348]

Un millón de gracias por ofrecernos cursos de tantísima calidad!! En return comentas que value puede llamarse como queramos y tiene sentido ya que luego desestructuramos en los componentes este objeto ( const { theme, handleTheme } = useContext(ThemeContext); ) lo curioso es que si en lugar de llamar value le llamo de otra forma al compilar me da el error: TypeError: Cannot destructure property 'theme' of 'Object(...)(...)' as it is undefined. Gracias!!

[@jonmircha]

😮

[@leonardomendoza3440]

pudiste resolverlo? a mi me da ese error aun poniendo la palabra value de propiedad, pero se soluciona recargando el navegador, en conclusion funciona pero nose porque se da ese error

[@nicolasportu]

Outstanding! Lo mejor de KZbin, simple, sin complicarse :)

[@jonmircha]

😉👋🏻

[@r.w.s.2402]

Genial, queda super ordenado todo el código y mucho más limpio. Me encanta!!

[@jonmircha]

Totalmente!

[@admoises]

Excelente video, gracias a tu explicación del capítulo anterior pude hacer este ejercicio solo y el del siguiente video también lo realicé, genial genial.

[@jonmircha]

😉👍🏻

[@enzofrias1367]

Exelente jon! muchas gracias!!

[@jonmircha]

Muchas gracias!

[@cumpaMira]

Gracias profe!

[@jonmircha]

😉👍🏻

[@RicardoAlbarenque-j6s]

Excelente tutorial Jon, mil gracias!!! El unico feedback que te puedo dar para mejorar el video es aprender la pronunciacion de language en ingles, lo demas todo perfecto!

[@jonmircha]

👋🏻😉

[@aviellisandrovasquezreyes1172]

increible curso :D :D :D :D

[@AngelSalazar-uf5fk]

jajaja me dio risa porque estuve practicando, y logre hacer el languagueContext y el AuthContext, pero yo vi que tu exportas por defecto es el contexto, y yo exportaba por defecto el provider jajajaja pero igual funcionaba, supongo que no tiene nada que ver porque funciona igual.

[@jonmircha]

👍🏻

[@jonstory5337]

*1)first of all ... I ♥ your videos ALL OF THEM 2)do u have udemy courses??? if not !!! u should make a couple of them 3) Could u make a more actual and modern node js full course ??? that would b bad-ass ... THANKS FOR YOUR TIME AND EFFORT♥♥♥*

[@jonmircha]

1)Thanks 2)I don't have courses in FUCKdemy and I don't pretend to have them 3) Soon

[@edwinromanh]

@@jonmircha FUCKdemy, jajajajaj!!!

[@ivanbraun5769]

Buenisimo video!!

[@jonmircha]

Gracias!!

[@Wiiiiizard]

🧙‍♂Muchas gracias!!!

[@jonmircha]

😉👋🏻

[@yerkoantoniomedinapichun5139]

Me habían salido muchos errores cuando intenté hacer el ejercicio por mi cuenta, según yo tenia todo igual, hasta que en el min 11:24 me di cuenta que no llamé nunca a useContext ni en el Main ni en el footer

[@jonmircha]

🫢

[@conelecphp7751]

Que buena enseñanza profe acerca del context... gracias

[@jonmircha]

Con mucho gusto

[@estebanoctaviopavezllanca2385]

Muchas gracias tarea realizada

[@jonmircha]

😉👍🏻

[@d-landjs]

Super entendible maestro :D cada vez mas cerca de llegar al final (?

[@jonmircha]

😉👍🏻

[@francovedia5584]

gracias

[@jonmircha]

Gracias por comentar

[@maxigarrett3121]

Es mejor hacer toda la logica como hizo estos ejemplos sin contextApi y después crear context , o es mejor hacerlo desde el principio? Excelente clase profe

[@jonmircha]

Más bien depende de tus necesidades del proyecto, yo simplemente te estoy planteando un ejercicio desde las diferentes opciones que nos da React

[@giovannivoltaproxy]

Buen video, buen contenido gracias Profe ⚛️

[@jonmircha]

😉🙌🏻

[@heroiulacio2345]

En el caso de que no les funcione igual que al profe, primero tomen data de useContext(LanguageContext), y luego desestructuren texts y handleLanguage de data, me estuvo dando errores durante horas, al parecer el problema que ocurre es que para acceder al texts que es un objeto con objetos dentro no lo podemos hacer de una forma simple (fue mi conclusion xd) const {theme, handleTheme} = useContext(ThemeContext) const data = useContext(LanguageContext); const {texts, handleLanguage} = data;

[@helipalacio8772]

👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@eduardomazzucchelli1423]

como estas Jon, me adelante hacia el 80, x que estoy haciendo una app en expo react native, y llego el momento del multiidioma, me imagino que esto que explicas, aplica perfetamente verdad ??

[@jonmircha]

Sí

[@vsemprivet9493]

Jon gracias por el video. Ahora tengo una pregunta. En tu opinion Context API sustituye el trabajo de Redux o solo debería usarlo en casos puntuales?

[@jonmircha]

En aplicaciones pequeñas medianas, sí yo he reemplazado Redux por Context o por Reducers

[@vsemprivet9493]

@@jonmircha Otra vez gracias Jon.

[@lalojejeje]

Jon Jon Jon!!!...

[@jonmircha]

😉👍🏻

[@nicolasportu]

Puede ser que React Router no funcione bien con useContext?

[@edwina.espinaltaveras4222]

El contexto no me funciona TypeError: Cannot read properties of undefined (reading 'headerTitle')

[@jonmircha]

seguramente tienes errores de dedo en la definición de tus variables

[@axelpaz4601]

Lo pude hacer solo 😎

[@jonmircha]

👏🏻😛👌🏻

[@alvarohernanuseche4051]

🦫🦫

[@jonmircha]

👋🏻😉