Debounce JS — bu nima va nega kerak?
Veb-ilovalarda ko‘pincha biror tugma ustiga tez-tez bosilsa yoki input maydoniga har bir harf kiritilganda serverga so‘rov yuborilishi mumkin. Bunday vaziyatlarda:

Dastur juda ko‘p chaqiruvlar bajaradi

Serverga keraksiz yuk tushadi

Foydalanuvchi tajribasi yomonlashadi

Buning oldini olish uchun debounce texnikasi qo‘llaniladi.

Debounce nima qiladi?
Debounce funksiyasi ketma-ket kelayotgan chaqiruvlarni “kechiktiradi” va faqatgina foydalanuvchi bir muddat hech qanday harakat qilmagandan keyin oxirgi chaqiruvni bajaradi.

Oddiy qilib aytganda:
Agar foydalanuvchi inputga yozishni to‘xtatsa va 300ms davomida boshqa harakat bo‘lmasa, API chaqiriladi. Har bir yangi kirish esa oldingi timeout’ni bekor qiladi va yangidan hisoblashni boshlaydi.

Kod misoli (JavaScript)

function debounce(fn, delay) {
  let timeout;
  return function (...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => fn.apply(this, args), delay);
  };
}

// Foydalanish:
const onSearch = debounce(() => {
  console.log("API chaqirildi!");
}, 500);

window.addEventListener('resize', onSearch);

Yuqoridagi kodda onSearch funksiyasi faqat foydalanuvchi o‘lcham o‘zgartirishni tugatgach 500ms ichida chaqiriladi.

Debounce qachon ishlatiladi?
Qidiruv input maydonlarida (API chaqiruvlarni kamaytirish uchun)

Scroll yoki resize kabi tez-tez trigger bo‘ladigan hodisalarda

Formani yuborishda bir necha marta bosishni oldini olishda



Junior dasturchidan maslahat : Debounce — bu oddiy, lekin kuchli texnika. U foydalanuvchi interfeyslari uchun samarali va qulay tajriba yaratishda yordam beradi.

Next.JS ni qanday ekanini ishlatib korsang bilar ekansan .

Birinchi marta Next.JS da code yozib githubga commit qilib qoydim va uni ishlashini test qilib korgandim. U rasmlarni optimizatsiyasi seo va performancega alohida etibor bergan ekan. ishlashi va undagi kamchliklarni hozircha sezmadim. Boshlang'ich file structureni tuzib kordim va qiziqishim yanada ortdi.

Keyingi qadam undagi imkoniyatlar bilan to'liq tanishish. Agar chuqurroq o'rganib olsam u bilan bitta videodars qilishga harakat qilaman. Ungacha boshlang'ich file structureimni bu yerdan topishingiz mumkin.

You tube UI sini o'zgartirdi kirib korganlar bormi ?


ancha chiroyli lekin video korishda qandaydir hatolik yoki bug qolgan shekilli
qotib qolyapti

Biror jiddiy loyihani productionga chiqarilganda mana shu ikkita narsani qilish shart.

Bir narsa kundek ayon. Har bitta loyihada muammolar bo'ladi. Productionda bo'ladi. Foydalanuvchilar topadi shu muammolarni. Bundan qochib qutilib bo'lmaydi.

Shuning uchun ham muammo chiqqanda tezroq tuzatish haqida o'ylashimiz kerak.

Unga Monitoring va Logging yordam beradi.

Monitoring sizga muammo kelib chiqishdan oldin proaktiv tarzda nimadir qilishga yordam beradi. Masalan siz CPUni monitor qilayotgan bo'lsangiz va 80% kelganda muammo chiqishini bilsangiz, monitoring yordamida 60%ga kelib qolganda email jo'natadigan yoki boshqacha notification keladigan qilsangiz bo'ladi. Undan keyin esa nega CPU ko'tarilib ketayotganini topib to'g'rilasangiz bo'ladi. Muammo kelib chiqishidan oldin.

Logging esa kutilmagan muammo chiqib bo'lgandan so'ng nimaga kelib chiqqanini topishga yordam beradi. Hamma narsani ham monitor qilib bo'lmaydi. Masalan biznes logikada xato ketgan bo'lishi mumkin. Shunday holatlarda loglardan foydalanib muammo nimaga kelib chiqqanini bilish mumkin.

Bularsiz muammolarni topish va tuzatish qiyin masala.

@jakhonrakhmonov

Assalomu alaykum hammaga :)

umuman yangilik tashlash tugul nimadir o’rganishdan to’htab qoldim

menimcha burn out

obunachilaram chiqib ketyapti ekan sekin

Sekin kanalni ochirvororsammikan deb oylab qoldim :(

Yaqindan beri disipleniya buzilganidi.

Disiplineni to'g'rilash uchun menga dam kerak edi. Va o'zimni har hil ishlar bilan sinab kordim. Natijada shuni tushunib ketdim. Menda o'rganib qolish hissi juda yuqori.

Yani nimanidir boshlasam chuqur kirishga harakat qilishim bu bazida minus ekan.

star bosishda bahslashadiganlar bormi ?

sizlar uchun imkoniyat bu. :)

kim nechta star bosa oladi ?