Evita que tu Backend se CAIGA con este TRUCO

En este video te enseñare un truco que puedes aplicar en el Frontend para evitar hacer solicitudes innecesarios al Backend, sobre todo cuando tienes botones de Like en tus sistemas.
🍺 Mis Cursos de PROGRAMACIÓN: hdeleon.net/cu...
📚 Mis Libros
📖 Aprender a Programar con C#: hdeleon.net/li...
🤖 Mi Setup
🖥️ Mi Monitor: amzn.to/3dtnDkk
⌨️ Mi Teclado: amzn.to/3BtjKnq
⌨️ Mi Deck elgato: amzn.to/3dvEKC3
🎧 Mis Orejeras: amzn.to/3BwQYm0
🎤 Mi Micrófono: amzn.to/3qPvFHh
Si quieres apoyarme y darme para una cerveza puedes hacerlo por aquí: paypal.me/Hecto...
Puedes apoyarme desde 0.5 USD al mes uniéndote como miembro al canal aquí: / @hdeleonnet
🐦Twitter: / powerhdeleon
🌎Mi Sitio web: hdeleon.net
📻Raw Radio en Spotify: open.spotify.c...
#programación #dev #programming

Пікірлер: 209

  • @hdeleonnet
    @hdeleonnet2 ай бұрын

    Mis Cursos de Programación: hdeleon.net/cursos-premium/ Mi Nuevo Libro: hdeleon.net/libro-aprender-a-programar-con-c-hector-de-leon/

  • @xsamueljr
    @xsamueljr2 ай бұрын

    Es el canal en el que veo más vídeos donde se resuelven problemas reales, y encima haces que parezcan fáciles

  • @christianledesma2128
    @christianledesma21282 ай бұрын

    Para protegerse desde el front no está mal. Igualmente es ideal implementar un rate limiter en el backend ya que algún listo puede coger la URL y enviarle peticiones de manera masiva, solo quería añadir eso, siempre es mejor protegerse por todos lados :)

  • @ramirorodriguez9507

    @ramirorodriguez9507

    2 ай бұрын

    es lo que le hicimos con un colega a un imbecil que no nos contrato jajaja le hicimos bosta la DB

  • @Danyruddy7

    @Danyruddy7

    2 ай бұрын

    Interesante, me ayudará bastante en mi backend. Gracias.

  • @themaridv2000

    @themaridv2000

    2 ай бұрын

    Correcto

  • @poixd1ro
    @poixd1ro2 ай бұрын

    "puedo comer hoy salmon" jajajaja

  • @dannyxicay1041
    @dannyxicay10412 ай бұрын

    Cómo haces para traer un vídeo justo cuando lo necesitamos? Eres como un super héroe Gracias crack, buen video 👌

  • @jdodiguez

    @jdodiguez

    2 ай бұрын

    A lo mejor siempre necesitas todo. xd

  • @Digitos_Oficial
    @Digitos_Oficial2 ай бұрын

    Las variables boolean usadas como banderas (Flags) son parte importante de un algoritmo y además las usa sincronizadas a un timer, una muy buena lección , de echo si se presta atención este método podría hacer nuestro algoritmo mas eficiente y con ahorro de código considerable, Genial !! una vez mas Maestro.. Saludos desde Chile !!

  • @Atloncoloriginal
    @Atloncoloriginal2 ай бұрын

    Aprendí full, estas cosas son las que te ayudan a destacar porque no se enseña en todos lados! Muchas gracias cabezón

  • @alekusito
    @alekusito2 ай бұрын

    Yo he hecho algo similar, pero para controlar si un control se encuentra visible en pantalla, gracias por el ejemplo más completo.

  • @heynerhumanez4406
    @heynerhumanez44062 ай бұрын

    Comunmente utilizamos express, lo ideal es utilizar esta implementación como un middleware y aplicarlo a las rutas que queramos. buen aporte!

  • @simonbriceno6623
    @simonbriceno66232 ай бұрын

    Muchas gracias Hector, me sirve para implementarlo en el proyecto que ando, sigue con este contenido de calidad ✌🏻

  • @gametroll6223
    @gametroll62232 ай бұрын

    Excelente hector, este es uno de los pocos canales que presentan cosas que pueden pasar en nuestras labores.

  • @leonguerrero1745
    @leonguerrero1745Ай бұрын

    El SwitchMap o ExhaustMap en angular son geniales para este caso, saludos!!

  • @yahi06
    @yahi062 ай бұрын

    Este es uno de los problemas mas comunes en backend el algoritmo se llama "el problema de los 2 generales" creo seria una buena continuación a este video @TomScottGo tiene un excelente video explicando el problema.

  • @98missmari
    @98missmari2 ай бұрын

    Me has salvado la chamba hoy, tenía un problema de hace días por solucionar y lo solucioné implementando tu función AAAAAAAAAA ❤

  • @ncorejoel
    @ncorejoel2 ай бұрын

    Muy bueno, no había tomado esto en cuenta y realmente ayuda mucho, Gracias por compartir!!!

  • @JoanCermeno
    @JoanCermeno2 ай бұрын

    Es una táctica muy ingeniosa que no termine de entender luego le presto más atención pero no puedo evitar pensar en si es posible que adesde el frontend modifiquen el código del botón para de igual manera convertirlo a un comportamiento por defecto que hagan igual muchas solicitudes. Creo que sería fino hacer esto mismo pero del lado del backend da igual que hagan un millón de solicitudes desde el cliente si el haciendo esta protegido por el mismo código de backend sería genial. Aplicar esto pero en los endpoints

  • @miguelangeltrujillloaguirr6710
    @miguelangeltrujillloaguirr67102 ай бұрын

    Qué brutal solución. Eres un crack. 💪👏😎

  • @jrerehs96
    @jrerehs962 ай бұрын

    Nel sr. Metalero que si se baña, el Salmón es para el gatito en recuperación :p

  • @jeancarlosluciano9211
    @jeancarlosluciano92112 ай бұрын

    Excelente video. Incluso se le puedenpasar el tiempo por parametro, para poder manejar el tiempo deacuerdo al tipo de solicitud

  • @mrqrebad6675
    @mrqrebad66752 ай бұрын

    Muchas gracias, me servirá para un sistema que estoy desarrollando 🫂

  • @josemanuelsanchezjuarez660
    @josemanuelsanchezjuarez6602 ай бұрын

    Qué buen consejo estaba implementó una paginación y su filtro y aplique el consejo de esta video grande Hector

  • @lalmar14
    @lalmar142 ай бұрын

    Muy interesante como siempre cada video, felicidades Hector...

  • @LaloHao
    @LaloHao2 ай бұрын

    Puedes usar un debounce o un throttle dependiendo del comportamiento que necesites, rxjs trae funciones para eso

  • @hdeleonnet

    @hdeleonnet

    2 ай бұрын

    El principal problema del frontend es que se instalan cosas para hacer funcionamientos que no necesitan de bibliotecas. Si vas a hacer solo esto y vas directo por rxjs eres parte del problema de sitios lentos. El objetivo del video es enseñar que no siempre se necesitan bibliotecas.

  • @alexpablo90

    @alexpablo90

    2 ай бұрын

    ​@@hdeleonnethagamos una librería con estás soluciones sencillas 😂

  • @CbAqvq191
    @CbAqvq1912 ай бұрын

    Mister, esto me resolvera muchos problemas con el equipo de Front, gracias !!

  • @mcomarch
    @mcomarch2 ай бұрын

    Este video, ya lo pasé a todos los grupos de whats que tengo jajaja Buenaso el tema.. Gracias ka'on ...

  • @mcomarch

    @mcomarch

    2 ай бұрын

    Si me llegas a leer, una duda ... cuando salen comerciales, te ayuda el que lo vea todo? O si le doy "Saltar" te va igual que si lo veo todo? ... Siempre le doy Saltar y me dije, bien puedo darme 1 minuto dejar todo el comercial y es un apoyo mas a tus videos 🤔

  • @Sebastian-mjs
    @Sebastian-mjs2 ай бұрын

    Muy buen video Héctor 🎉, Me gustó mucho este video porque soluciona un problema cotidiano.

  • @soycmramos
    @soycmramos2 ай бұрын

    ¡Un truco excelente! La verdad es que ayuda mucho a regular las peticiones.

  • @juliomontalvo123
    @juliomontalvo123Ай бұрын

    El mejor canal sin lugar a duda

  • @erickfana4466
    @erickfana44662 ай бұрын

    Excelente Hector, te has vuelto una referencia para conceptos reales, mas alla de lo academico.

  • @aibou2399
    @aibou23992 ай бұрын

    Buen video cabezón, hace al front mas defensivo. Solo resta defender del otro lado también, para que algún malicioso no abuse modificando el javascript para saltearse el event Manager.

  • @roilanrodriguez8328
    @roilanrodriguez83282 ай бұрын

    Estuvo bastante bueno, ya hacia algo parecido pero no sabia que tenia un nombre, muchas gracias

  • @AristeoIbarra
    @AristeoIbarra2 ай бұрын

    Qué buen truco. A veces se olvida que con JavaScript y pocas líneas se pueden solucionar problemas. Saludos, profe

  • @yamillanz8244
    @yamillanz82442 ай бұрын

    Excelente!!! Gracias.. un crack .... tengo años con JS y TS y por primera vez le veo la utilidad la Enclosure

  • @danieluxury
    @danieluxuryАй бұрын

    muy bien explicado amigo. felicidades

  • @darwinrv94
    @darwinrv942 ай бұрын

    Muy buen tip, también se puede deshabilitar el botón y habilitarlo al final. Hay varias formas de evitar eso. Gracias

  • @hdeleonnet

    @hdeleonnet

    2 ай бұрын

    Los botones de like no se deshabilitan

  • @LeoR94
    @LeoR942 ай бұрын

    Es bueno tener librerías que se encargan de esto, pero mucho mejor poder verlo bien explicado, un grande

  • @alejandro24229
    @alejandro242292 ай бұрын

    Buena, aún que a mí me gusta más con promesas, en el "constructor" (se que no lo es) se puede pasar la configuración y al llamar, retorna una promesa que solo requiere resolverse para ejecutar cualquier función 😊

  • @alejandro24229

    @alejandro24229

    2 ай бұрын

    Ya esto suscrito, pero dos comentarios para unos gramos de salmón, padrino

  • @tomasponce9409
    @tomasponce94092 ай бұрын

    Tremendo pedazo de vidio Cabezón! Muchas gracias por compartir!! Espero que puedas comer salmon, con su limoncito y todo jaja

  • @OrkaN.D.MigueL
    @OrkaN.D.MigueL2 ай бұрын

    En el momento indicado aprendí esto!!! 💪💪💪

  • @rbarriae
    @rbarriae2 ай бұрын

    Me pareció fantástico. Una estupenda solución. Gracias por tu tiempo.

  • @ORPMJ
    @ORPMJ2 ай бұрын

    Pequeños detalles que hacen la diferencia. Muy buen video!!! Éxitos!

  • @pablob3871
    @pablob38712 ай бұрын

    Excelente ejemplo, super claro como siempre, muchas gracias Hector !

  • @victormartin2099
    @victormartin20992 ай бұрын

    Muy util para las cajas de busqueda con el evento keyup o keydown

  • @MoyRomero
    @MoyRomero2 ай бұрын

    Aprendí esto, esto me pareció fantástico.

  • @Luis_hvd
    @Luis_hvd2 ай бұрын

    Buena técnica, siempre pensé en un setTimeout pero bien implementado jajaja

  • @emmanuellopezr.6504
    @emmanuellopezr.65042 ай бұрын

    Gracias por seguir subiendo videos de este tipo, esta clase de trucos son muy buenos para aprender

  • @henryperez7274
    @henryperez72742 ай бұрын

    Me gusto dicho truco no lo sabía, saludos desde Ecuador

  • @victorvelazquez9781
    @victorvelazquez97812 ай бұрын

    Justo estaba por hacer esto, me sirvió muchísimo genio, muchas gracias

  • @emiliorojas583
    @emiliorojas5832 ай бұрын

    fantástico video, man. muchas gracias por compartir el video

  • @user-ol1mw6np7o
    @user-ol1mw6np7o2 ай бұрын

    Hola Héctor me recomiendas estudiar servidores windows server para mejorar en programación y análisis de datos power BI y PowerQuery para base de datos? Quisiera llegar a tu nivel algún día 😊😊😊

  • @jesus_san1
    @jesus_san12 ай бұрын

    Muy buen vídeo, lo pondré en práctica. Por cierto, acabo de adquirir tu libro 🤘

  • @hdeleonnet

    @hdeleonnet

    2 ай бұрын

    Espero te agrade

  • @hug0skat3r
    @hug0skat3r2 ай бұрын

    Muy buen video!!! Toma tu like programador de PHP con pelo

  • @alejandrodiazo6526
    @alejandrodiazo65262 ай бұрын

    Excelente!!! claro y conciso. tambien comeré salmón.

  • @davediaz25
    @davediaz252 ай бұрын

    el Debouncing salva vidas

  • @soga107
    @soga1072 ай бұрын

    Gracias , excelente video y mejor explicación. Entendí como funciona, pero como apenas comienzo, mi Pregunta es en qué lenguaje lo escribiste? Gracias

  • @ronaldcuevajaimes7559
    @ronaldcuevajaimes75592 ай бұрын

    Este video me sirvio mucho, increible cada video es como un tip para programadores y puedo aprender mucho, gracias!

  • @diegodelgado1301
    @diegodelgado13012 ай бұрын

    Hector el mejor programador de JS

  • @ARcontenidosTech
    @ARcontenidosTech2 ай бұрын

    Tus videos ayudan mucho, tu forma directa sin rodeos y a veces tus palabrotas ayudan a "sacar al buey de la barranca"... Jajajaja Gracias mi estimado HDeLeon Aprendo mientras me divierto. Jajajaja...

  • @tetraform69
    @tetraform692 ай бұрын

    Yo tuve un problema parecido pero con el pedirle datos a mi backend. Yo era el único que veía que hacía varias peticiones para pedir datos. Así que hice que se guardará la petición y si en menos de un segundo se pedía otra petición a la misma url le enviara la información que ya había llegado después si podía volver hacer la petición.

  • @robertvaldez6695
    @robertvaldez66952 ай бұрын

    Excelente, gracias, ahora si hay alguien con habilidades front que modifica el codigo js, como podemos proteger el servidor desde el mismo backend?

  • @Xardimods
    @Xardimods2 ай бұрын

    Se aprendió mucho con este gran concepto!

  • @uFercho
    @uFercho2 ай бұрын

    Me. Pareció útil. Mañana lo voy a probar en mi proyecto

  • @ludwingguate
    @ludwingguate2 ай бұрын

    Toma pa tu salmón! jajaja Buen contenido Hector! Gracias!

  • @samuelsaravia7621
    @samuelsaravia76212 ай бұрын

    Excelente video!!! siempre traes algo bastante útil e interesante que pasa en la vida real

  • @emmanuelzelarayan2561
    @emmanuelzelarayan25612 ай бұрын

    Perfecto, muchas gracias!. Siempre se aprende algo nuevo

  • @brauliomariano
    @brauliomariano2 ай бұрын

    Claro que aprendí profe Héctor, muchas gracias.

  • @IvanMtzMerida
    @IvanMtzMerida2 ай бұрын

    Muchas gracias por el vídeo, es de gran ayuda Héctor.

  • @DeftOSs
    @DeftOSs2 ай бұрын

    Esto es oro compa🎉

  • @raulhuertaperez3610
    @raulhuertaperez36102 ай бұрын

    Como siempre, excelente contenido!

  • @mrceoj7810
    @mrceoj78102 ай бұрын

    Mi heramano solucionando problemas que no pensé que existían

  • @rmnmmnul7362
    @rmnmmnul73622 ай бұрын

    esto me parecio muy bueno, te agradezco!

  • @ElyDeveloper
    @ElyDeveloper2 ай бұрын

    Muchas gracias, me sirvió mucho esto.

  • @vitaldark85
    @vitaldark852 ай бұрын

    Ánimo gatito, es por tu bien! :3

  • @Liumbert
    @Liumbert2 ай бұрын

    fabuloso tio hector venga ese salmon!

  • @luisalfredodelaossadiaz5989
    @luisalfredodelaossadiaz59892 ай бұрын

    ertha pri, si aprendi muchas gracias, recomendado

  • @josegil6051
    @josegil60512 ай бұрын

    Me pareció excelente el vídeo, grande

  • @Cristian-Barrantes
    @Cristian-BarrantesАй бұрын

    Excelente servicio!!!

  • @leonelmartinez9842
    @leonelmartinez98422 ай бұрын

    Excelente tutorial, muchas gracias por el contenido genio!

  • @richardfernandez7150
    @richardfernandez71502 ай бұрын

    Buenazaaaa y practicoooo!! .thanks!!!

  • @humbertojacmorguer9459
    @humbertojacmorguer94592 ай бұрын

    si esta chever la tecnica para no volver a entrar al proceso cada rato, super

  • @theSkobar
    @theSkobarАй бұрын

    Poderosa información!!!

  • @galvez1985
    @galvez19852 ай бұрын

    Excelente tip, gracias

  • @georgeestebanrojascastillo6575
    @georgeestebanrojascastillo65752 ай бұрын

    Excelente explicacion.

  • @oscarserna784
    @oscarserna7842 ай бұрын

    En el front está muy bien eso. 1.- No se si también sea buena idea hacer una promesa para que al terminar se pueda hacer otra petición. 2.- Como puedo protegerme desde el back en el caso de que pudiera existir un ataque DDOS desde 1000 origenes, que recomendaciones me harías? Estoy apunto de hacer una plataforma medianamente grande, y como único parámetro para saber el origen es por medio de la IP que me otorgue el front. Que recomendaciones me darías? (estoy abierto a todo tipo de opiniones)

  • @fercho7511
    @fercho7511Ай бұрын

    Muy buen Tip!

  • @damianarenales2939
    @damianarenales29392 ай бұрын

    Que buen video aprendi bastante y me quedo claro el concepto.

  • @GuilleFerriol
    @GuilleFerriol2 ай бұрын

    Me viene como anillo al dedo ahora mismo

  • @sobrehombre9338
    @sobrehombre93382 ай бұрын

    Gracias!

  • @enriqueverdugo7347
    @enriqueverdugo73472 ай бұрын

    trucazo, soy mas back y estos ejemplos de front ayudan mucho para seguir aprendiendo

  • @gonzadev99
    @gonzadev992 ай бұрын

    Excelente cabezón!

  • @Thaizir
    @Thaizir2 ай бұрын

    Gracias maestro

  • @rodolfotovartorres
    @rodolfotovartorres2 ай бұрын

    El salmon es muy nutritivo y con lo caro que esta lo vale y una manera muy interesante de no saturar el back con solicitudes. Aprendi algo cabezon gracias

  • @ennerescobedo
    @ennerescobedo2 ай бұрын

    Excelente, gracias por el video. 🤘🏽

  • @erickyoelgonzalezurbina6270
    @erickyoelgonzalezurbina62702 ай бұрын

    Exelente me encanto, buena explicacion. 🎉🎉

  • @MichelEspinoza-zb6zt
    @MichelEspinoza-zb6zt2 ай бұрын

    Tengo una api de fastapi y una bdd en postresql y en mi front de nextjs al recargar la página recarga todo denuevo, las imágenes, etc y aveces se me cae, como puedo hacer para que cada que actualice la página no cargue todo denuevo 🤔

  • @SpawnCD
    @SpawnCD2 ай бұрын

    muy buen detalle !!

  • @isahirzavalamiranda7886
    @isahirzavalamiranda78862 ай бұрын

    en qué casos es preferible utilizar la función integrada que tenga el framework a yo crear la mía?

  • @oliverdjbrown
    @oliverdjbrown2 ай бұрын

    Excelente video Héctor

  • @celestinofrancodiaz3212
    @celestinofrancodiaz32122 ай бұрын

    me ayuda mucho. gracias

  • @aldairsantiago8811
    @aldairsantiago88112 ай бұрын

    Con tus videos me das de comer ❤❤