Para el que le sirva quiero agregar una pequeña aportación: Si quieres que pase algo más visual cuando el buscador no encuentre resultados, como un mensaje "El usuario no ha sido encontrado" lo puedes hacer con un renderizado condicional muy sencillo: {usuarios.length === 0 && El usuario no ha sido encontrado } Esto funciona porque la función "filtrar" lo que hace es modificar el array de usuarios cada vez que se escribe en el input, guardando en este los elementos que correspondan con el filtro, pero cuando ningún elemento corresponde con el filtro, el array queda vacío. Espero que les sirva.
Amigo excelente video me sirve par lo q quiero hacer más aún así tengo una duda si tengo mi base de datos y quiero traer filtrado desde allá y mi base de datos es de Google sheet se hace igual o tengo q reenderizar todo y liego filtrarlo ? O si alguien tiene la respuesta por favor si me pueden decir 🙏 😅
Hola estoy intentando replicar el proyecto con una api que yo tengo pero a la hora de mostrar los datos en tabla no me deja por el .map,me podrias decir en que estoy mal?
Hola disculpa, pero porque al instalar las librerias ya no me deja instalar la apk, porque yo la instalaba y ahora ya no me deja y antes de insatalar dichas librerias si se instalaba, tienes alguna solución?
una duda que crees que se deba que cuando elimino la busqueda no me regresa la tabla?, en tu ejemplo me funciono perfecto, pero lo aplique a un proyecto en un crud pero cuando borro no regresan todos los datos a la tabla. se queda la ultima busqueda
Guarda los datos de la api rest en un estado adicional, y este estado no lo modifiques, solo úsalo para filtrar la información. Imagino que en un solo estado estás guardando y filtrando la búsqueda, por eso no te regresa la tabla cuando borras.
Me funciono, muchas gracias. Cree un estado adicional solo para el paso en el filter de la funcion "filtrar" y asi ya no afecta el estado inicial que tiene los datos de la API y al borrar lo "buscado" ya te regresa todo a la normalidad. Gracias! Nuevo sub!
Hola profe borja ya hice el buscador y hice el agregar formulario con api pero me falta validar el formulario no podes hacer un video d eso 🙏 porfis me pidieron en una entrevista esas cosas hasta mañana tengo :_( ojalá lo leas
@@ABJ95100 es cuando para poner al formulario agregar mínimo de letras, mínimo d números y otro @correo no es un correo , el formulario esta incompleto eso..
Me sirvió, like y me suscribo crack
Excelente, saludos!
Para el que le sirva quiero agregar una pequeña aportación:
Si quieres que pase algo más visual cuando el buscador no encuentre resultados, como un mensaje "El usuario no ha sido encontrado" lo puedes hacer con un renderizado condicional muy sencillo:
{usuarios.length === 0 && El usuario no ha sido encontrado }
Esto funciona porque la función "filtrar" lo que hace es modificar el array de usuarios cada vez que se escribe en el input, guardando en este los elementos que correspondan con el filtro, pero cuando ningún elemento corresponde con el filtro, el array queda vacío. Espero que les sirva.
Agradezco que te hayas tomado el tiempo para dejar este aporte. Saludos!
en qué parte iría ese renderizado?
muchas gracias, q DIOS te bendiga!
hola me funciona pero cuando borro caracteres en mi buscador, no me muestra nada.. tengo q actualizar para q me salgan mis datos, que puede ser?
Mi completa tu información y forma de explicar, Gracias
No es nada. Saludos!
Que épico justo estoy haciendo un proyecto de mi U y justo quiero hacer lo que haces en el video. Sigue así amigo.
Agradezco tu apoyo. Me alegra que te haya sido de gran utilidad. Saludos!!
Muchas Gracias, desde Brasil 👍
De nada, saludos desde México!
Sos Crack! has servido muchisimo en mi crecimiento como desarrollador! Gracias!
Gracias siempre son muy prácticos y excelente contenido.
Gracias. Agradeceré por siempre tu apoyo que has dado desde los inicios de este canal. Saludos!!!
gracias ameo me salvaste la laif, genio lince
Muchas gracias ! eres un genio, me ayudaste a resolver un problema que me estaba matando XD.
buenisima la explicación eres todo un crack hacendo las cosas faciles
Gracias. Saludos!!!!
Excelente Arturo! Gracias.
De nada! 👍
saludos muchas gracias buena explicacion
graciaaaaaaaas!!! mr Borja
Me gustaria saber, como se haria que no buscara directamente el termino ingresado sino que tocara darle click al boton, como se haria asi?
Yo tambien quiero saber esa manera
Genial la función de búsqueda 😎
Me alegro que te haya servido. Saludos!
grcias amigo me ayudaste bastante
tenga master, su merecido like
Gracias!. Saludos!
Buen video bro gracias por la explicación❤
muchas gracias me salvaste de una grande seco:)
Buen video
Excelente video
Amigo excelente video me sirve par lo q quiero hacer más aún así tengo una duda si tengo mi base de datos y quiero traer filtrado desde allá y mi base de datos es de Google sheet se hace igual o tengo q reenderizar todo y liego filtrarlo ? O si alguien tiene la respuesta por favor si me pueden decir 🙏 😅
muy bueno y gracias. Consulta, para hacerlo con multiples campos?
Excelente, Gracias! Gracias!
Gracias!
Me encantó, thanks
Gracias por el tutorial, Tengo una pregunta, ¿Como lo harias si lo datos de la api tiene paginacion?
Grande!
gracias amigo. me sirivio
disculpa hay manera de poder filtrar la tabla con dos inputs?
Buenas, muy buena explicacion, y si quisiera que buscara solamente al precionar el boton de buscar como se podria hacer?
eres todo un hacker !!!!!
Hola, te hago una consulta, en vez de crear el codigo dentro de app.js se puede crear un componente que despues se importa en app.js?
De hecho lo que vos decís es lo correcto.
Hola estoy intentando replicar el proyecto con una api que yo tengo pero a la hora de mostrar los datos en tabla no me deja por el .map,me podrias decir en que estoy mal?
tres meses sin respuesta compañero. Me pasa lo mismo. Como te fue?
@@logospod-cast9574 busqué en otro tutorial
@@logospod-cast9574 agregar un Return cuando empieza a mapear
muchas gracias:), ¿Cómo sería para buscar por el id?
Hola disculpa, pero porque al instalar las librerias ya no me deja instalar la apk, porque yo la instalaba y ahora ya no me deja y antes de insatalar dichas librerias si se instalaba, tienes alguna solución?
Buen video, una consulta, como hago si quiero que los resultados de la api esten ocultos hasta empezar a buscar y ahi si hago el filtrado?
Está muy bueno tu vídeo, sabes cómo se podría hacer para que al oprimir un botón se filtre la API por la info que pongo en el botón
Ya encontró la forma yo ahora la ando buscando eso mismo xd
Actualmente es buena practica utilizar variables de tipo var?
no
Depende, hay temas sobre el scope de las variables que tanto con let o var funcionan de manera distinta
una duda que crees que se deba que cuando elimino la busqueda no me regresa la tabla?, en tu ejemplo me funciono perfecto, pero lo aplique a un proyecto en un crud pero cuando borro no regresan todos los datos a la tabla. se queda la ultima busqueda
Guarda los datos de la api rest en un estado adicional, y este estado no lo modifiques, solo úsalo para filtrar la información.
Imagino que en un solo estado estás guardando y filtrando la búsqueda, por eso no te regresa la tabla cuando borras.
Me funciono, muchas gracias.
Cree un estado adicional solo para el paso en el filter de la funcion "filtrar" y asi ya no afecta el estado inicial que tiene los datos de la API y al borrar lo "buscado" ya te regresa todo a la normalidad.
Gracias!
Nuevo sub!
Mezclas async await con promesas. Eso está mal, o usas uno, o el otro, pero no todo junto.
Hola profe borja ya hice el buscador y hice el agregar formulario con api pero me falta validar el formulario no podes hacer un video d eso 🙏 porfis me pidieron en una entrevista esas cosas hasta mañana tengo :_( ojalá lo leas
Hice el primer proyecto de react con api consumiendo eliminar editar agregar ahora el buscar falto validar 😞
con validar formulario a que te refieres exactamente?
@@ABJ95100 es cuando para poner al formulario agregar mínimo de letras, mínimo d números y otro @correo no es un correo , el formulario esta incompleto eso..
@@milagrosalas5273 ok tendré en cuenta la validación de formulario para siguientes vídeos.
tiene email
Con el fondo oscuro se entiende poco, por lo demás buen vídeo
Muy bueno el video y todo, pero por que habla asi??? Me acuerda a un personaje de Monsters Inc jaja
Excelente video