Muchas gracias Midu! Explicas MUY bien. Estan clases me estan sirviendo un monton como complemento a mis estudios de React que estoy haciendo. Me encanta que vayas al grano y expliques siempre cuales son la buenas y malas practicas. Y me encanta que lo teorico, si bien es vital queda en 'segundo plano' y haces hincapie en 'mover las manitas' jejeje
fuah, diria que ha sido de las clases que me ha costado más xD quizás pk la deje a medias para operarme lumbares y he vuelto a la media ultima hora varios dias después y he flipado. La recordaba dificil y se me ha echo muy dificil. Pero no es una queja, es expresion de intento de humildad o algo asi xD quiero repasar todo el curso y esta clase no será menos, en todo caso repetirla más veces pk hasta tomando apuntes con la extension reclipped iva perdido jeje. Pero mola que vayas subiendo el nivel, los que nos atrasemos ya apretaremos más, sigue así, muchas gracias! te veo cada dia de lo que voy descargando de twitch pero desde alli no te puedo agradecer ;)
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); Recomiendo usar mejor el valor: auto-fill, el auto-fit si llega a quedar dos elemento en una fila se dividirá todo el espacio de la pantalla entre dos elementos.
Midu... a veces no puedo ver los streams en vivo por el horario... pero luego veo los videos grabados! Por favor, podrias subir el video pendiente del curso? Muchas gracias por compartir tus conocimientos! Aprendo y crezco todos los días gracias a esto!
Estan en su canal de Twitch, puedes verlos ahi ya que aqui Midu se tarda en subirlos. Tarde en encontarlos pero ahi estan todos los videos que hacen falta del curso.
Puse pausa en el 1:14:00 para venir a dar una opinion que nadie pidió. En ese momento sea menciona que esta prueba es de JR. De ser así, me siento muy orgulloso de decir que AUN no soy ni JR. Pero Midu, vos Inspiras, ayudas... me das ganas de seguir. GRACIAS!! Te mando un abrazo grande desde Argentina y espero poder sacarme una foto con vos en NERDEARLA! (la voy a presumir como vos presumiste tu foto con rivers)
Maestro, usted es un grande. Si me permites dar un pequeño granito de arena. Cuando ocupas un proyecto NextJs ya no tenemos un archivo main.jsx donde poder usar el y alojar toda la app dentro del Provider. Mi recomendación es usar el archivo layout.jsx (o layout.js, yo usé el jsx) que está dentro de la carpeta app, y hacer que el encierre el body. Ahí cumple el mismo efecto. Gracias por todo.
Excelente Midu, he aprendido mucho en estos días sobre React, seguiré practicando mucho para conseguir un trabajo con React, que he estado más tiempo trabajando con Vue 3, pero siento un amor a React xD
hola- bueno nunca te he contestado..pero bueno he estado haciendo el curso de react 2024 y creo que han actualizado el json de los products....bueno me he tenido que descargar otro products.json para que me funcione.....gracias por el curso...esta genial...
Excelente, aprendiendo con tus videos genial tus videos y explicaciones. desde Colombia, Soy estudiante de 6 semestre de desarrollo de sistemas. bendiciones CRACK.
Este video esta genial, muy agradecido por tomarte el trabajo de hacer esto, solo tengo una sugerencia, por favor cuando hagas cambios en el código no los elimines por que no nos queda, podrías dejarlo comentado abajo de todo … 🙏🏽
@@midulive Hola no me deja utilizar los links para los thumbnails y las imagenes, me pide un certificado SSL el cual ya tengo pero igualmente no me cargan las imagenes y los thumbnails, sabes si siguen funcionando los links? Cuando entro a comprobarlos me aparece esto: 'Nothing here yet' i.dummyjson.com/data/products/30/thumbnail.jpg
Muchas Gracias Midu, estoy siguiendo tu curso me quede en una empresa mucho tiempo y siento que me quede estancado, ahora que quiero salir no encuentro trabajo y mi oportunidad es aprender react y salir como Junior a otro empleo, Muchas gracias por transmitirnos tu conocimiento, tengo una pequeña pregunta, cual es la extension de vs code que usar para los emojis y tus configuraciones de terminal Muchas gracias de nuevo. Abrazo.
Hola Midu! Estoy siguiendo el curso desde hace poco ya que no sabía utilizar React sólo Angular y la verdad que está increíble! Pero, hay una cosa que no entiendo y veo que lo utilizas muchísimo y es el uso de const. Se supone que una variable const es si no va a cambiar su valor, pero a veces si que cambia y lo usas no? Es mejor en cuanto a algo como let o var utilizar const? Gracias!!
el const en el caso de react se utiliza mucho como funcion y lo que se cambia en esta son sus valores de States y parecidos, no directamente su valor en caso tal de que se utilize como variable regular
yo para select hice: const uniqueCategories = () => products.map(product => product.category) // uso set para tener un arreglo de valores únicos const categories = [...new Set(uniqueCategories())] { categories.map(category => ( {category} )) }
Tu cara cuando leíste el comentario acerca del método bind jejejeje! Oye, Mas respeto a un ancestro que nos hizo llorar y reír a la vez jajajaja!!! 😂😂😂. Increíble video Midu, hay partes que fluyes tanto que siento que vas demasiado rápido (opinión mía) pero pues eres tan buena persona que nos das estos videos gratis y solo rebobino un poco para verlo con más calma. Un abrazo!
Midu! Hermoso video como siempre! Como haces para que cuando pones los dos puntos, te aparezca el desplegable de los simbolos? Juro que busque bastante si habia una extension y ni chatgpt me supo ayudar xD
Midu gracias por tus videos enserio sirven demasiado , disculpa lo del local storage , es recomendable aplicarlo a una web de carrito?,es que escuche en varios lugares q no me lo recomenbadan, en su lugar que podria usar ,o en un proyecto real que se usa en esos casos, de antemano muchas gracias por todo el contenido de calidad que subes ❤❤
En caso tengo llamada a una API y lo haga en un useEffect eso se haria cada vez que renderice ese componentes. Hay una estrategia para quizas evitar eso o esta bien de esa forma
Puedes usar un useCallback para que se renderice esa llamada a la api cada vez que cambie el estado, lo que hace el useCallback es guardarte en memoria el resultado de la funcion, si el resultado siempre es el mismo no se va a volver a llamar esa funcion!
Otro tema.. gracias por todo lo que nos brindas, en mi caso he aprendido mucho pero mucho. Estaría bueno en vez de hacer un ecommerce practicar con un CRM :)
Midu, te hago una pregunta, tenia entendido que no se debía utilizar localStorage dentro del reducer... por que por ejemplo en la linea 27 cuando llamas al updateLocalStorage(newState) puede fallar esa función por x motivo y ya no devolvería un estado. Esto es así? Muchas gracias por tu contenido Midu, un abrazo. PD: si alguien me puede responder a esto, lo adradezco, tmb. Saludos a toda la comunidad!!
Una pregunta ¿Que sucede si una función cambia dos estados uno despuésdel otro? ¿Se renderiza 2 veces? ¿O aquí es donde la magia de React para solo actualizar lo que cambia aparece? Y en este caso ¿cómo afecta que la función para cambiar de estado sea asíncrona?
Hola Midu, gracias por todos tus videos. Me quedo una duda, el context lo usas solo para declarar los estados de los filtros, y solo lo usas en el custom hook useFilters. O sea que si yo declaro los estados en el custom hook podria hacer lo mismo sin usar el context, no necesitaria pasar props tampoco, solo usaria el useFilters en el componente que yo quiera para usar sus estados, igual que como estas haciendo, pero sin usar context.
Si a mí también me confundió un poco eso, creo que Midu no se dio cuenta. Para mí la mejor abstracción sería eliminar el custom hook "useFilters", pasar el filtrado al componente Provider, retornar [ filters, filterProducts, setFilters ], y directamente consumir todo de un nuevo custom hook que devuelva solo el useContext(FiltersContext)
No funciona asi, lo que pasaria al usar el custom hook useFilters con un "useState" como se hizo al principio, implicaria tener diferentes estados en cada componente en donde uses el hook, con useContext eso se evita, tienes un estado global el cual puedes usar en donde tu quieras, de hecho, ya que la logica del useContext esta abstraida en el custom hook useFilter es como si usaras el useContext en cada componente en donde lo necesitaras, cosa que es lo que se suele hacer con el.
Tengo una duda, y si hiciera en js una clase que se dida a crear esas instancias de objetos y a partir de ahi voy manejandolo en el react?. Soy bastante nuevo en el frameworks, quisiera saber sobre aplicar esto de esta manera como si fuera js vainilla
¿Qué formateador de código utilizas? Tengo un problema con el linter al momento de formatear me quita el espacio entre el nombre de la función y los paréntesis. ¿Cómo podría solucionarlo?
como se haría si tengo un fetching de datos con un useEffect al inicio? como hacer que la funcion de filtrado de datos no se ejecute antes que el useEffect ?
Solo haz el fetching y setea el estado, que se ejecute o no la funcion creo que no habria problemas, pero si quieres evitar eso, esto seria una solucion: let filteredProducts:= []; if (products) { filteredProducts = filterProducts(products,); }
A la fecha de hoy miércoles 6 de noviembre de 2024 que estoy haciendo el curso las imágenes de los productos del archivo products.json están rotas, no se muestran, pegue las URLs de dichas imágenes en el navegador y no se ven, aparece el aviso " No se puede acceder a este sitio web" y en la consola aparece el error: Failed to load resource: net::ERR_NAME_NOT_RESOLVED Fuí al sitio dummyJSON que creo los json de productos, abrí el json de products y tampoco se muestran las imágenes.
Hola Midu, lo que hice para no repetir la función de guardar el state en el localStorage, fue que se ejecute la funcion cuando se cambia el state con un useEffect({....},[state]), ¿ crees que es mejor esta forma ?
Está super bien la clase pero, a alguien más le pasa que los links de las imagenes de los productos no funcionan? Está caida la página o ya no se encuentran esas fotos
y como hago para q en lugar de q queden centados de dos en dos los productos salgan los q alcancen segun el tamaño de la imagen o el recuadro del producto
Hola midu, hice todo el proyecto y ahora le quería poner la API y estuve buscando las API de producto parecidas, le puse un carrusel de fotos con el array de images. Pero ahora quería saber si tienes la API a mano o si alguien sabe que API es para añadirla. Gracias Saludos.
Métete en la documentación de la API y haz una petición de products, ha cambiado un poco. Después copia la respuesta y cámbiala en el json del proyecto
alguien sabria decirme porque no es suficiente que el filtro use solamente product.category == filter.category ??? porque es necesario el filter.category == "all", si es el por defecto del state.
Hola! creo que es solo para omitir el filtrado posterior. Si filters.category es 'all', muestra todos los productos independientemente de la categoría que tengan. En este caso por ejemplo, el estado inicial de category es 'all', es decir , cuando inicias la aplicación se muestran todos los productos, pero cuando cambias el estado a 'laptops ' o 'smarphones', el usuario al querer volver a mostrar todos los produtos no tendría la condición en el filtro, por lo que no se mostrarían en pantalla, creo que es por eso :)😀
pd: los productos del mock no tienen la categoría de 'all', por lo que no los podrías filtrar agregando solamente product.category == filter.category y mostrarlos todos en pantalla, por eso , si filters.category es 'all', omite toda comprobación y retorna todos los productos
Amigos, tal vez sea lo más fácil del mundo, pero quisiera un consejo o una idea. Tengo una tabla de usuarios y un modal con el formulario para agregarlo, quisiera que cada vez que agrego un nuevo usuario se actualice la tabla 😃
![[안방1열 풀캠4K] 베이비몬스터 'DRIP' (BABYMONSTER FullCam)│@SBS Inkigayo 241110](http://i.ytimg.com/vi/AQ4RIghEvUs/mqdefault.jpg)
Muchas gracias Midu! Explicas MUY bien. Estan clases me estan sirviendo un monton como complemento a mis estudios de React que estoy haciendo. Me encanta que vayas al grano y expliques siempre cuales son la buenas y malas practicas. Y me encanta que lo teorico, si bien es vital queda en 'segundo plano' y haces hincapie en 'mover las manitas' jejeje
Muchas gracias por el comentario! :)
Gracias por invertir tanto esfuerzo en la comunidad Midu! Se valora 🦾
fuah, diria que ha sido de las clases que me ha costado más xD quizás pk la deje a medias para operarme lumbares y he vuelto a la media ultima hora varios dias después y he flipado. La recordaba dificil y se me ha echo muy dificil. Pero no es una queja, es expresion de intento de humildad o algo asi xD quiero repasar todo el curso y esta clase no será menos, en todo caso repetirla más veces pk hasta tomando apuntes con la extension reclipped iva perdido jeje. Pero mola que vayas subiendo el nivel, los que nos atrasemos ya apretaremos más, sigue así, muchas gracias! te veo cada dia de lo que voy descargando de twitch pero desde alli no te puedo agradecer ;)
Midu, ¿Qué haría yo sin tí? Expectacular la clase.
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
Recomiendo usar mejor el valor: auto-fill, el auto-fit si llega a quedar dos elemento en una fila se dividirá todo el espacio de la pantalla entre dos elementos.
Gracias crack, seria bueno uno con reducer, context, y fetch usando las mejores prácticas
Midu... a veces no puedo ver los streams en vivo por el horario... pero luego veo los videos grabados! Por favor, podrias subir el video pendiente del curso? Muchas gracias por compartir tus conocimientos! Aprendo y crezco todos los días gracias a esto!
Estan en su canal de Twitch, puedes verlos ahi ya que aqui Midu se tarda en subirlos.
Tarde en encontarlos pero ahi estan todos los videos que hacen falta del curso.
@@davidllanes1019 Excelente! Gracias! no me habia dado cuenta! tenes razooooooooooon...
Puse pausa en el 1:14:00 para venir a dar una opinion que nadie pidió. En ese momento sea menciona que esta prueba es de JR. De ser así, me siento muy orgulloso de decir que AUN no soy ni JR. Pero Midu, vos Inspiras, ayudas... me das ganas de seguir. GRACIAS!! Te mando un abrazo grande desde Argentina y espero poder sacarme una foto con vos en NERDEARLA! (la voy a presumir como vos presumiste tu foto con rivers)
Maestro, usted es un grande. Si me permites dar un pequeño granito de arena. Cuando ocupas un proyecto NextJs ya no tenemos un archivo main.jsx donde poder usar el y alojar toda la app dentro del Provider. Mi recomendación es usar el archivo layout.jsx (o layout.js, yo usé el jsx) que está dentro de la carpeta app, y hacer que el encierre el body. Ahí cumple el mismo efecto.
Gracias por todo.
Excelente Midu, he aprendido mucho en estos días sobre React, seguiré practicando mucho para conseguir un trabajo con React, que he estado más tiempo trabajando con Vue 3, pero siento un amor a React xD
Lograste encontrar trabajo? curiosidad para saber como te fue, ya ha pasado un año de esto.
hola- bueno nunca te he contestado..pero bueno he estado haciendo el curso de react 2024 y creo que han actualizado el json de los products....bueno me he tenido que descargar otro products.json para que me funcione.....gracias por el curso...esta genial...
Te quiero mucho midu, muchas gracias por estas clases y conocimiento que compartes gratuito eres el mejor
Gracias a ti
No sé cómo te da la vida para hacer tanto contenido.
Un saludo crack!
Yo tampoco. 🤣
Que nivel de detalle en la explicación, excelente video!
este video me servia hace 1 año... pero más vale tarde que nunca
Ver como hacen otros y complementar lo necesitaba hace 1 año
me lo comi el video entero , aunque estuve un poco abrumado al final cuando empezaste a refactorizar bastante rapido. pero me encanto , gracias Midu
Crack, Ídolo , Maquina, genio, Feeenooomeeeno ! Gracias por compartir tus conocimientos ¡ saludos desde Colombia parce !
Excelente, aprendiendo con tus videos genial tus videos y explicaciones. desde Colombia, Soy estudiante de 6 semestre de desarrollo de sistemas. bendiciones CRACK.
El crack de los cracks, gracias maestro!
01:00:00 resolución a las dos fuentes de la verdad
Este video esta genial, muy agradecido por tomarte el trabajo de hacer esto, solo tengo una sugerencia, por favor cuando hagas cambios en el código no los elimines por que no nos queda, podrías dejarlo comentado abajo de todo … 🙏🏽
God bless you bro, you're one of the least people who make the world better
te ganaste mi like con la referencia de tengen toppa ajajaja que anime por dios. y ademas q buen contenido, muchas gracias
cuando dice "montais el colega" significa lo que yo creo que es? jaja muy buen video, se aprende mucho
Guardado para ver luego, miles de gracias!
Gracias a ti!
A pegarle un vistazo, algo que necesitaba para ver en donde me equivoco al realizarlo.
Gracias Midu, he aprendido un monton
Gracias a ti!
Muy bueno, como siempre 👏
Gracias, Xavi! 🥹
@@midulive Hola no me deja utilizar los links para los thumbnails y las imagenes, me pide un certificado SSL el cual ya tengo pero igualmente no me cargan las imagenes y los thumbnails, sabes si siguen funcionando los links?
Cuando entro a comprobarlos me aparece esto: 'Nothing here yet'
i.dummyjson.com/data/products/30/thumbnail.jpg
El mejor
Midu, muchas gracias por todo lo que le enseñas a la comunidad! una pregunta, ¿Cual tema estas usando? Saludos desde Colombia.
One Dark Pro! Gracias!
Muchas Gracias Midu, estoy siguiendo tu curso me quede en una empresa mucho tiempo y siento que me quede estancado, ahora que quiero salir no encuentro trabajo y mi oportunidad es aprender react y salir como Junior a otro empleo, Muchas gracias por transmitirnos tu conocimiento, tengo una pequeña pregunta, cual es la extension de vs code que usar para los emojis y tus configuraciones de terminal Muchas gracias de nuevo. Abrazo.
recuerdo que los emojis es propio de la Mac que usa, pero se puede usar Windows + . (por ejemplo)
solo vengo a comentar esto, asi el algoritmo te ayuda un poco mas! gracias por tanto y perdón por tan poco!
Muchas gracias, se agradece ❤️
todavia no lo vi pero como se la calidad del profe, sera un gusto verlo
🤗
midu te amo muchisimo! gracias por todo
Genial Midu! en varios videos has comentado que las pruebas que has resuelto son para jr, puedes resolver un examen para un SR? por favor 🙏
te amo eres el mejor del mundo me estas salvando el TFG
A ti te han funcionado los links?? No me cargan los thumbnails ni las images
Muchas gracias midu!
A ti por comentar
Hola Midu! Estoy siguiendo el curso desde hace poco ya que no sabía utilizar React sólo Angular y la verdad que está increíble!
Pero, hay una cosa que no entiendo y veo que lo utilizas muchísimo y es el uso de const. Se supone que una variable const es si no va a cambiar su valor, pero a veces si que cambia y lo usas no? Es mejor en cuanto a algo como let o var utilizar const?
Gracias!!
el const en el caso de react se utiliza mucho como funcion y lo que se cambia en esta son sus valores de States y parecidos, no directamente su valor en caso tal de que se utilize como variable regular
yo para select hice:
const uniqueCategories = () => products.map(product => product.category)
// uso set para tener un arreglo de valores únicos
const categories = [...new Set(uniqueCategories())]
{
categories.map(category => (
{category}
))
}
Gracias crack, un grande hermano 👌
😊🫡
Grande midu, super bien explicado!
Tu cara cuando leíste el comentario acerca del método bind jejejeje! Oye, Mas respeto a un ancestro que nos hizo llorar y reír a la vez jajajaja!!! 😂😂😂. Increíble video Midu, hay partes que fluyes tanto que siento que vas demasiado rápido (opinión mía) pero pues eres tan buena persona que nos das estos videos gratis y solo rebobino un poco para verlo con más calma. Un abrazo!
Fue genial .bind durante mucho tiempo! Lo recuerdo con cariño!
Gracias midu. Excelente video.
Midu! Hermoso video como siempre! Como haces para que cuando pones los dos puntos, te aparezca el desplegable de los simbolos? Juro que busque bastante si habia una extension y ni chatgpt me supo ayudar xD
TENGEN TOPPA GURREN LAGANN SEÑOR MIDUDEV!
Raw, raw, fight the power!
Eres el mejor❤
Che Midu, en cuanto a las clases de React está completo acá en TH-cam o hay partes que estan en Twitch? Gracias genio como siempre lo mejor para vos!!
Midu gracias por tus videos enserio sirven demasiado , disculpa lo del local storage , es recomendable aplicarlo a una web de carrito?,es que escuche en varios lugares q no me lo recomenbadan, en su lugar que podria usar ,o en un proyecto real que se usa en esos casos, de antemano muchas gracias por todo el contenido de calidad que subes ❤❤
Sigue asi Midu , espero ese cursito de Next 13 con las cositas nuevas , un saludo !
En caso tengo llamada a una API y lo haga en un useEffect eso se haria cada vez que renderice ese componentes. Hay una estrategia para quizas evitar eso o esta bien de esa forma
Puedes usar un useCallback para que se renderice esa llamada a la api cada vez que cambie el estado, lo que hace el useCallback es guardarte en memoria el resultado de la funcion, si el resultado siempre es el mismo no se va a volver a llamar esa funcion!
Puedes añadir un array vacío en las dependencias, para que sólo se haga cuando se monte.
Otro tema.. gracias por todo lo que nos brindas, en mi caso he aprendido mucho pero mucho. Estaría bueno en vez de hacer un ecommerce practicar con un CRM :)
midu haz uno enseñando a usar Redux. No vendria mal ;)
- Midu: Es que no quiero decir que es avanzado
- Yo: * Enviando mi CV como Senior despues de ver este live *
Jajajajajajajaja
¿Es buena practica un componente con todos los iconos ?
Eres un crack!
Gracias, Oscar!!!
Buena midude gracias
Gracias!!!
Midu, te hago una pregunta, tenia entendido que no se debía utilizar localStorage dentro del reducer... por que por ejemplo en la linea 27 cuando llamas al updateLocalStorage(newState) puede fallar esa función por x motivo y ya no devolvería un estado. Esto es así? Muchas gracias por tu contenido Midu, un abrazo.
PD: si alguien me puede responder a esto, lo adradezco, tmb. Saludos a toda la comunidad!!
Extraordinario
Como decimos en Cuba...estas escapao o estas fuera del nylon!!! Muchas gracias Midu
Gracias midu! Buen video
Gracias a ti por comentar!!!
gracias Crack
Que extension de vs code utiliza para que se autocomplete de esa manera?
Miduuuu sos un genio, nos sirve demasiado lo que haces!! saludos desde Argentina. Necesito que me digan cual es la fuente que usa y el tema!! es bello
Midu excelente video. La verdad vino bien para repasar conocimientos y aprender cosas nuevas!!!!
Una pregunta, en el curso de react, en el episodio donde crean el carrito de compras, se hace con ts+swc o con js+swc?
js-swc, todavia no habia explicado TS
Estaria bien usar un useEffect, para actualizar el LocalStorage cada vez que cambia el carrito?
Hola Midu, tengo una duda. Si en vite se usa import.meta.env. Como te funciona process.env? A mi me dice que process no está definido.
Genio
Midu me dirías cual es la Api? para hacerlo con Next y consumiendo la APi
X2
No tiene API,o me perdi de algo?
No sabemos cuál es la api para hacer el shopping cart
Esta app usa un json de una carpeta
@@MegaEddy321 si pero ese JSON lo saco de la API q dijo q iba a pasar pero se le olvido pasarla.
No entendi cuando comenzo lo del useReducer no voy a mentir
Una pregunta ¿Que sucede si una función cambia dos estados uno despuésdel otro? ¿Se renderiza 2 veces? ¿O aquí es donde la magia de React para solo actualizar lo que cambia aparece? Y en este caso ¿cómo afecta que la función para cambiar de estado sea asíncrona?
Hola Midu, gracias por todos tus videos. Me quedo una duda, el context lo usas solo para declarar los estados de los filtros, y solo lo usas en el custom hook useFilters. O sea que si yo declaro los estados en el custom hook podria hacer lo mismo sin usar el context, no necesitaria pasar props tampoco, solo usaria el useFilters en el componente que yo quiera para usar sus estados, igual que como estas haciendo, pero sin usar context.
Si a mí también me confundió un poco eso, creo que Midu no se dio cuenta.
Para mí la mejor abstracción sería eliminar el custom hook "useFilters", pasar el filtrado al componente Provider, retornar [ filters, filterProducts, setFilters ], y directamente consumir todo de un nuevo custom hook que devuelva solo el useContext(FiltersContext)
No funciona asi, lo que pasaria al usar el custom hook useFilters con un "useState" como se hizo al principio, implicaria tener diferentes estados en cada componente en donde uses el hook, con useContext eso se evita, tienes un estado global el cual puedes usar en donde tu quieras, de hecho, ya que la logica del useContext esta abstraida en el custom hook useFilter es como si usaras el useContext en cada componente en donde lo necesitaras, cosa que es lo que se suele hacer con el.
Tengo una duda, y si hiciera en js una clase que se dida a crear esas instancias de objetos y a partir de ahi voy manejandolo en el react?. Soy bastante nuevo en el frameworks, quisiera saber sobre aplicar esto de esta manera como si fuera js vainilla
¿Qué formateador de código utilizas? Tengo un problema con el linter al momento de formatear me quita el espacio entre el nombre de la función y los paréntesis. ¿Cómo podría solucionarlo?
Hola midu, creo que el audio y la imagen no están sincronizadas. Saludos
esto sería como una prueba nivel junior o mid level ?
Sip
@@midulive gracias midu, pero me quedé con la duda, 😅
midu tqm
al final no llamaste la api con el fetch
Hola, Midu. Creo que el json de la API de productos no funciona, la imagen no carga. Recomiendas alguna alternativa?
como se haría si tengo un fetching de datos con un useEffect al inicio? como hacer que la funcion de filtrado de datos no se ejecute antes que el useEffect ?
Solo haz el fetching y setea el estado, que se ejecute o no la funcion creo que no habria problemas, pero si quieres evitar eso, esto seria una solucion:
let filteredProducts:= [];
if (products) {
filteredProducts = filterProducts(products,);
}
A la fecha de hoy miércoles 6 de noviembre de 2024 que estoy haciendo el curso las imágenes de los productos del archivo products.json están rotas, no se muestran, pegue las URLs de dichas imágenes en el navegador y no se ven, aparece el aviso " No se puede acceder a este sitio web" y en la consola aparece el error: Failed to load resource: net::ERR_NAME_NOT_RESOLVED
Fuí al sitio dummyJSON que creo los json de productos, abrí el json de products y tampoco se muestran las imágenes.
Hola Midu, lo que hice para no repetir la función de guardar el state en el localStorage, fue que se ejecute la funcion cuando se cambia el state con un useEffect({....},[state]), ¿ crees que es mejor esta forma ?
midu mi padre
Hijo mio!!!
Está super bien la clase pero, a alguien más le pasa que los links de las imagenes de los productos no funcionan? Está caida la página o ya no se encuentran esas fotos
Sí, parece que ese servicio ha dejado de funcionar
como pones el carrito con 🛒en vsc? es una extension?
Si usas windows es [Inicio + .] Solo es un emoji
y como hago para q en lugar de q queden centados de dos en dos los productos salgan los q alcancen segun el tamaño de la imagen o el recuadro del producto
como moveos de rápido las manitos midu 🙍♂
Hola midu, hice todo el proyecto y ahora le quería poner la API y estuve buscando las API de producto parecidas, le puse un carrusel de fotos con el array de images. Pero ahora quería saber si tienes la API a mano o si alguien sabe que API es para añadirla.
Gracias
Saludos.
Haz uno con zustand😮
Ha alguien más no le cargas las imágenes o solo es a mí. Quisiera saber si alguien podría ayudarme a solucionarlo, gracias!!!.
Métete en la documentación de la API y haz una petición de products, ha cambiado un poco. Después copia la respuesta y cámbiala en el json del proyecto
usa otra api
Que extension estas usando para el auto completado de código?
lo que en ocaciones le autocompleta código, según yo, es copilot
alguien sabria decirme porque no es suficiente que el filtro use solamente product.category == filter.category ??? porque es necesario el filter.category == "all", si es el por defecto del state.
Hola! creo que es solo para omitir el filtrado posterior. Si filters.category es 'all', muestra todos los productos independientemente de la categoría que tengan. En este caso por ejemplo, el estado inicial de category es 'all', es decir , cuando inicias la aplicación se muestran todos los productos, pero cuando cambias el estado a 'laptops ' o 'smarphones', el usuario al querer volver a mostrar todos los produtos no tendría la condición en el filtro, por lo que no se mostrarían en pantalla, creo que es por eso :)😀
pd: los productos del mock no tienen la categoría de 'all', por lo que no los podrías filtrar agregando solamente product.category == filter.category y mostrarlos todos en pantalla, por eso , si filters.category es 'all', omite toda comprobación y retorna todos los productos
1:31:58 Pero no siempre es necesario testear todo no??
Amigos, tal vez sea lo más fácil del mundo, pero quisiera un consejo o una idea. Tengo una tabla de usuarios y un modal con el formulario para agregarlo, quisiera que cada vez que agrego un nuevo usuario se actualice la tabla 😃
Odiaba usar useContext hasta que vi este vídeo
Wow! ❤️❤️❤️
cual es la extensión para utilizar iconos dentro de visual studio?
Parece es Emoji Snippets de Devzstudio
43:40
hola y para descargar los archvos de imagenes del shoping car
el video dura dos horas , yo duro 5 dias para terminarlo la practica 🤣🤣🤣🤣