Valisher Botirov | Development

Internet do'kon qilishda eng ko'p kerak bo'ladigan fungsiyalardan biri. Narxlarni foydalanuvchiga formatlab ko'rsatish fungsiyasi const formatPrice = (price) => { return price?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " "); }; #code ☑️@valisherbotirov

Real loyihalarda malumotlarni qidirish search fungsiyasidan ko'p foydalanamiz. Aksar hollarda qidiruv fungsiyasini search inputning change xossasiga bog'lab ketiladi. Natijada input necha marta o'zgarish bo'lsa bir vaqting o'zida qidiruv fungsiyasi ham shuncha marta ishlab serverga ham shuncha marta request jo'natiladi. Bu esa best practices emas. Ko'p miqdorda jo'natilgan so'rovlar serverga yuklamani kuchaytirib yuborishi mumkin. Bunda hollarsa nima qilinadi? Input o'zgarganda serverga jo'natiladigan so'rovlarni debounce kabi fungsiya bilan tartibga solib ketish ancha foydali usul. Quyida React / TypeScript uchun debounce fungsiyasi custom hook holiga olib chiqilgan. import {useState, useEffect} from 'react'; export default function useDebounce(value: string, delay: number) { const [debouncedValue, setDebouncedValue] = useState(value); useEffect( () => { const handler = setTimeout(() => { setDebouncedValue(value); }, delay); return () => { clearTimeout(handler); }; }, [value, delay] ); return debouncedValue; } #react#debounce#code ☑️@valisherbotirov