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.

🎥 VIDEOS RECOMENDADOS


#React #Reactjs #ReactContext

[matiasromera]

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

[marlysaguila]

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!

[nicolasportu]

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

[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

[soycmramos]

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

[ramiroocamporodriguez]

Gracias Jon eres un gran ser humano y excelente maestro

[walterjosesuarezdelacruz]

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

[addevmoises]

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.

[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!!!

[andreygomez]

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

[Leaaan_]

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

[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

[r.w.s.]

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

[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! 👏🏼

[paulpaucarb]

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

[lucianomoreno]

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.

[manoloexplaintome]

Un millón de gracias por ofrecernos cursos de tantísima calidad!! En return <ThemeContext.Provider value={data}> 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!!

[d-landjs]

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

[RicardoAlbarenque-js]

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!

[AngelSalazar-uffk]

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.