Dev thinking loud

Updating packages

Eskirgan paketlarni korish uchun:
npm outdated

Ularni "upgrade" qilish uchun:
npx npm-check-updates -i

ishlatishingiz mumkin

#tips_and_tricks

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

AbortSignal va AbortController

AbortSignal/AbortController interfacelari 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 AbortController instancening .abort() methodini chaqirib requestni tohtatishimiz mumkin.

AbortSignal qabul qiladigan APIlar:
- Fetch
- EventTarget API
- ReadableStream/WritableStream
- WebSocket

AbortSignal instance odatda AbortControllerda saqlanadi, uni new AbortController() qilib yaratamiz, lekin uni AbortSignal static methodlari orqali ham yaratishimiz mumkin. Bular:
- AbortSignal.abort() - Allaqachon abort qilingan instance yaratadi.
- AbortSignal.any() - Parameterga AbortSignallardan tashkil topgan iterable oladi va ulardan biri abort bolganda bu ham abort boladi.
- AbortSignal.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.

PS: .vscode/settings.json fileni gitga qoshsa teamdagi hamma vscode foydalanuvchilariga foydali boladi

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.

manba: https://v8.dev/features/modules#defer

#did_you_know