Ravshan’s blog

YouTubeda 1000ta bo'ldik 🎉

TypeScript through docs: The Basics https://youtu.be/etl4UrBb2qc

Zed for Linux Linux foydalanuvchi dasturchilarga hushxabar. Zed linuxga ham release bo'ldi (to'g'risi o'zim tekshirib ko'rishga imkoniyatim bo'lmadi). https://zed.dev/linux

Rewrite git history Adashib asosiy branchga commit va push qilib qoydingiz mi? Havotirga o’rin yo’q, quyidagicha orqaga qaytaramiz: git checkout main git reset --soft HEAD git push origin main --force git checkout new-branch git add . git commit -m "commit to new branch" git push origin new-branch

TypeScript: resurslar bilan tanishuv https://youtu.be/-CRLBlucnTU

AbortSignal AbortSignal interface async operasiyalarni tohtatish uchun ishlatiladi. Masalan, juda ko'p ishlatiladigan fetch() funksiya RequestInit parameter(object)ga signal nomli property kutadi (optional) va biz bu propertyga AbortSignal instance berishimiz mumkin. Va keyinroq bu signal instancening .abort() methodini chaqirib requestni tohtatishimiz mumkin. AbortSignal qabul qiladigan APIlar: - Fetch - EventTarget API - ReadableStream/WritableStream - WebSocket AbortSignal instanceni odatda new kalit sozi orqali yaratamiz, lekin uni static methodlari orqali ham yaratishimiz mumkin. Bular: - .abort() - Allaqachon abort qilingan instance yaratadi. (Boshqa routega o'tganimizda pending requestlarni cancel qilib ketganimiz yaxshi) - .any() - Parameterga AbortSignallardan tashkil topgan iterable oladi va ulardan biri abort bolganda bu ham abort boladi. - .timeout() - Parameterda berilgan millisekund qiymatda avtomat abort boladigan instance qaytaradi (Backenddan kutilayotgan javobga timeout qoyish uchun juda qulay)

VSCodeda importlar va xatolarni tuzatish Skrindagi config vscodeda importlar bilan ishlashni qulaylashtiradi, yozilgan amallar file saqlanayotganda yozilgan ketma-ketlikda bajariladi: - Avval ishlatilmagan importlar olib tashlanadi; - Keyin yetishmaydigan importlar qoshib chiqiladi (tekshirish kerak bolishi mumkin, agar birdan kop import bolsa malum qoidalarga ko'ra birinchisi tanlanadi); - Keyin importlar malum qoidalarga qarab sort qilinadi; - Oxirida linter (eslint, stylelint...) xatolar tuzatiladi.

ESM modullar browserda "by default" (tarjimasini bilganlar yozvorishsin) kech yuklanadi (deferred). Biz bilamizki, browserda script taglar kech yuklanishi uchun defer atribut berishimiz kerak. Bo'lmasa browser script tagni uchratishi bilan html processingni tohtatib scriptni yuklab(fetch) va ishlatish(execute)ni boshlaydi. Bu oz navbatida undan keyin kelgan html elementlarning DOMda topilmasligiga sabab boladi. Agar scriptimizda type=module bolsa defer avtomat tarzda yoqiladi. #did_you_know