Me encantó esta clase, yo aprendí usarlo a React Native, también he estado leyendo que cuando la app crece exponencialmente Context API se quedará pequeño y se tendría que usar Redux
Context tiene sus usos peculiares en los cuales resulta la decisión correcta. Aunque usualmente te beneficiarás más de algún gestor de estado como redux
wow eres demasiado dinamico a la hora explicar, se nota tu esmero en la enseñanza, en hora buena, agregado a mis likes. nota: y no le doy like a cualquiera (ref: Padrinos magicos). Gracias master
El contexto en React tiene un problema de rendimiento, ya que causa un re-renderizado innecesario de componentes cuando se actualiza el estado del contexto. Esto puede afectar negativamente el rendimiento de la aplicación y debe ser optimizado para evitar re-renderizados innecesarios.
AMigo, de verdad que vi varios videos y este es por lejos el que mas me gusto y el mejor explicado, con mucha claridad. Solo tengo una duda, no me quedo claro para que se pone las props y luego el prop.children. Senti como que eso al final quedo sin uso?. Un saludo!
Te refieres a children en el componente provider? De ser así, hacemos esto para que este componente pueda "envolver por encima" a todos los demás componentes. Si no añadimos children, los componentes que estén por "debajo" no se mostrarán.
Children se usa para renderizar los elementos que están "por debajo" del componente dónde se está usando children. En este caso se añade al proveedor para que se renderice la app que está por debajo del provider.
@@lasfito Hola, muchas gracias por tomar tu tiempo y enviarme tu respuesta. Hay un video en otro canal que hace un MERN usa Nodejs React Mongodb Login y CRUD FullStack, dura casi 5 horas pero despues de las 3 horas, el tipo edita el video y tiene cosas cambiadas, rutas distintas y además oculta los comentarios en donde le muestro los errores. La gente ve 3horas y luego hay un caos, le hace perder tiempo a uno. Pero sería muy interesante si pudieras hacer un video similar porque se está enseñando eso aquí en Suecia y tu explicas muy bien. En verdad nadie puede perder su tiempo viendo tus videos. Gracias. Dios te bendiga y te colme de éxitos
Hola, que podría estar causando 'children' is missing in props validation, me aparece ese warning en ({children}) => {} Gracias. Bendiciones a tí y tu canal 👼
Es porque necesitas indicar a React que tipo de prop es children. Para eso usas PropTypes. Echa un vistazo en google para que veas cómo usarlo, pero es más o menos así: import PropTypes from "prop-types" function Componente ({a,b}){ return ...} Componente.propTypes = { a: PropTypes.string }
@@AnibalGutierrezYoSoy Hola, Anibal El "Estado" en JavaScript no es persistente, sea en ambiente local o en sitio web. Por ello debes pensar en como utilizarlo y si necesitas que algún valor sea persistente entre visitas debes usar métodos como local storage o alguna base de datos. Dependiendo el uso, podrías combinar base de datos y context.
@@lasfito Si, por ejemplo , yo algo asi lo pongo por ejemplo un context para usuario, otro context para notas, pero siento que no es la mejor practica dejarlo asi :(
Me surgio otra duda, veo recien ahora que el video tiene 2 años. Sabes si se sigue utilizando de la misma manera? espero que si ya que lo pude aprender con este video jeje. Saludos!
Gracias, Benja Redux es el diablo, evítalo siempre que puedas 👀 Jaja, la verdad es que con Context y State/Reducer vas más que sobrado para un 90% de los casos. De hecho, el mismo Redux utiliza Context internamente 🤷🏻♂️
@@lasfito ah, me exprese mal ajajaja estaba con vueltas en la cabeza y pensé por un segundo que si el vídeo estaba hecho en React 17 había alguna diferencia al practicar o hacerlo con 18 , pero perfecto 👍👍
Pidiendo video de redux en uno de context :vvv jajaja está bien, lo añado a la lista - porque efectivamente de eso casi no hay contenido en español. Saludos ✌🏼
Es el mejor tutorial y claro de react js "Context", aún asi mi pregunta es por que al dato de la cantidad a la variable le colocas contextData ??? se me confunde con el dataContext, con el createContext y con todos los context de los context.. me vuelve loco .. gracias igual con 10 pasadas creo que se me queda
No he entendido muy bien te pregunta, pero si te refieres al nombre de las variables, siéntete libre de nombrarlas de cualquier forma que gustes y que no te cause confusión 👍🏼
estaba desesperada ya con el context, pero tu video me ha dado una luz para seguir adelante. gracias!!!🤩
Me alegra que te haya servido 🤙🏼
Crack, la mejor explicación que vi 👍
Gracias
El mejor video explicando context definitivamente
Gracias, espero que te haya servido ✌🏼
Gracias por explicar todo! Espero que hayan mas como estos videos. Me suscribo
Se viene la serie completa
excelente explicación. aquí un nuevo suscriptor! 👏
Gracias ✌🏼
Que buen metodo de enseñar, me quedo clarisimo, muchas gracias
Gracias, José
Entonces no te devuelvo tu tiempo? 😜
Excelente explicación colega, un abrazo.
Gracias, Daniel
Saludos ✌🏼
Me encantó esta clase, yo aprendí usarlo a React Native, también he estado leyendo que cuando la app crece exponencialmente Context API se quedará pequeño y se tendría que usar Redux
Context tiene sus usos peculiares en los cuales resulta la decisión correcta. Aunque usualmente te beneficiarás más de algún gestor de estado como redux
Excelente explicación. Gracias
Gracias, David
Saludos 🤙🏼
Te queria agradecer ya que con este video entendi bien como actualizar el estado en general, me estaba volviendo loco. GRACIAS
Tal parece que no tendré que regresarte tu tiempo entonces 🥴
Saludos 🤙🏼
Por fin encuentro useContext bien explicado, gracias
Garantizado o te regreso tu tiempo :v
genial tu video capo! genial
Gracias ✌🏼
eres un mago hermano
Grax 😎
Al único que le pude comprender, ya el context me estaba sacando canas 😂
Grax
muy bueno, gracias
Gracias, espero que te sirva 🤙🏼
Me encanto, exactamente lo ue buscaba
Gracias
Héroe sin capa....Muy buena la explicación.
Gracias, Fidonoso ✌🏼
Gracias hermanito !! me estaba desmoralizando con el useContext u.u
Con gusto ✌🏼
Muchas gracias, siempre hace falta tener un ejemplo grafico para poder entender mejor.
Gracias, Andrés
Espero que te haya servido 🤙🏼
wow eres demasiado dinamico a la hora explicar, se nota tu esmero en la enseñanza, en hora buena, agregado a mis likes. nota: y no le doy like a cualquiera (ref: Padrinos magicos). Gracias master
Jajaja o sea que sí le das like a cualquiera? :v
gracias por el aporte bro, de verdad bien explicado 👍
Gracias, Antonio
Un saludo
Muy buen tutorial, me gusta como explicas!
Gracias, Ryan
Espero que te siga gustando el contenido del canal ✌🏼
Una oferta que no puedo rechazar!
Aquí se gana o se gana 😎
Muchas gracias por la información, use mucho el props dep XD
Jajaja así pasa cuando se empieza.
Pero ahora ya sabes el truco 7u7
Ya estás suscrito para más? 👀
Genial
Gracias, Facundo ✌🏼
El contexto en React tiene un problema de rendimiento, ya que causa un re-renderizado innecesario de componentes cuando se actualiza el estado del contexto. Esto puede afectar negativamente el rendimiento de la aplicación y debe ser optimizado para evitar re-renderizados innecesarios.
Es correcto, context debe ser usado con correcta planeación planeación e implementación 👍🏼
AMigo, de verdad que vi varios videos y este es por lejos el que mas me gusto y el mejor explicado, con mucha claridad. Solo tengo una duda, no me quedo claro para que se pone las props y luego el prop.children. Senti como que eso al final quedo sin uso?. Un saludo!
Te refieres a children en el componente provider?
De ser así, hacemos esto para que este componente pueda "envolver por encima" a todos los demás componentes. Si no añadimos children, los componentes que estén por "debajo" no se mostrarán.
@@lasfito Muchas gracias, ojala subas mas videos crack. Que te vaya bien y cuando consiga mi primer trabajo te aviso :D
Hola, este video me hizo suscribirme! excelente! tengo solo una duda, por qué se usa {children}, de donde sale eso? Gracias!
Children se usa para renderizar los elementos que están "por debajo" del componente dónde se está usando children. En este caso se añade al proveedor para que se renderice la app que está por debajo del provider.
@@lasfito Hola, muchas gracias por tomar tu tiempo y enviarme tu respuesta. Hay un video en otro canal que hace un MERN usa Nodejs React Mongodb Login y CRUD FullStack, dura casi 5 horas pero despues de las 3 horas, el tipo edita el video y tiene cosas cambiadas, rutas distintas y además oculta los comentarios en donde le muestro los errores. La gente ve 3horas y luego hay un caos, le hace perder tiempo a uno. Pero sería muy interesante si pudieras hacer un video similar porque se está enseñando eso aquí en Suecia y tu explicas muy bien. En verdad nadie puede perder su tiempo viendo tus videos. Gracias. Dios te bendiga y te colme de éxitos
@@victoria-exito Gracias, Victoria
Revisaré de crear un tuto de Mern.
Hola, que podría estar causando 'children' is missing in props validation, me aparece ese warning en ({children}) => {} Gracias. Bendiciones a tí y tu canal 👼
Es porque necesitas indicar a React que tipo de prop es children. Para eso usas PropTypes. Echa un vistazo en google para que veas cómo usarlo, pero es más o menos así:
import PropTypes from "prop-types"
function Componente ({a,b}){ return ...}
Componente.propTypes = {
a: PropTypes.string
}
@@lasfito Gracias! Lo voy a revisar...espero que hagas el video de MERN. En verdad quiero aprender. Gracias y bendiciones!
Muy beno! esto es solo de forma local, no?
Hola, ¿Cómo que solo de forma local? 🤔
@@lasfito osea... si recargo la app vuelve a 58? O queda en 59 después de sumarle 1?
@@AnibalGutierrezYoSoy Hola, Anibal
El "Estado" en JavaScript no es persistente, sea en ambiente local o en sitio web. Por ello debes pensar en como utilizarlo y si necesitas que algún valor sea persistente entre visitas debes usar métodos como local storage o alguna base de datos. Dependiendo el uso, podrías combinar base de datos y context.
Podrías hacer un video utilizando varios context, casi no hay videos de eso, por lo demás excelente video y gracias
Varios al mismo tiempo?
@@lasfito Si, por ejemplo , yo algo asi lo pongo por ejemplo un context para usuario, otro context para notas, pero siento que no es la mejor practica dejarlo asi :(
Me surgio otra duda, veo recien ahora que el video tiene 2 años. Sabes si se sigue utilizando de la misma manera? espero que si ya que lo pude aprender con este video jeje. Saludos!
Hola, continua funcionando de la misma forma.
Saludos ✌🏼
cuando lo import con llaves { } me sale error de que no se encuentra el archivo y cuando las saco no me renderiza nada
Hola, Facundo
¿Podrías darme más detalles? ¿Cómo se ve tu línea de import y dónde tienes tu archivo? Si gustas puedes escribirme por Discord
Muy buena explicación, podrías hacer un ejemplo de useReducer
Gracias, JB
Seguro, lo añado a la lista ✌🏼
Gracias buen video !! Alguna comparativa con Redux ?
Gracias, Benja
Redux es el diablo, evítalo siempre que puedas 👀
Jaja, la verdad es que con Context y State/Reducer vas más que sobrado para un 90% de los casos. De hecho, el mismo Redux utiliza Context internamente 🤷🏻♂️
@@lasfito genial, y yo que había aprendido a usar Redux hace poco jajaja. Cambiamos a context parece
Igual no lo abandones del todo porque a las empresas les gusta usar usarlo :,v
@@lasfito eso, si, luego en las vacantes veo que piden Redux.
esto esta para react 18 ?
18, 17 y 16 (versión donde metieron los hooks) 🤙🏼
@@lasfito ah, me exprese mal ajajaja estaba con vueltas en la cabeza y pensé por un segundo que si el vídeo estaba hecho en React 17 había alguna diferencia al practicar o hacerlo con 18 , pero perfecto 👍👍
el naming de tu codigo es confuso amigo
Un poquito :v
No entendi nada devuelvame mi tiempo!, no mentira exelente video!
Gracias, espero que te haya servido 🤙🏼
Podrias hacer videos sobre como hacer el tipado(typescript) usando los hooks, excelente video me encanto, sigue asi
Gracias, Fer
Sí, lo apunto a la lista.
De hecho, ahora me surge la duda de a cuántos de mis subs les interesa Typescript 🧐
mi tiempo pls
¿Dónde te lo deposito? :v
Excelente video, podrías hacer un tutorial de Redux Toolkit XD con slice y todo eso hay muy poco video sobre ello en español
Pidiendo video de redux en uno de context :vvv
jajaja está bien, lo añado a la lista - porque efectivamente de eso casi no hay contenido en español.
Saludos ✌🏼
Es el mejor tutorial y claro de react js "Context", aún asi mi pregunta es por que al dato de la cantidad a la variable le colocas contextData ??? se me confunde con el dataContext, con el createContext y con todos los context de los context.. me vuelve loco .. gracias igual con 10 pasadas creo que se me queda
No he entendido muy bien te pregunta, pero si te refieres al nombre de las variables, siéntete libre de nombrarlas de cualquier forma que gustes y que no te cause confusión 👍🏼