Peace of Code
175 subscribers
9 photos
2 videos
1 file
19 links
Sharing good stuff related Angular, Vue, Nuxt, nx and everything related to frontend
Download Telegram
🕺 Suspense component in Vue

O’tgan postlarimizni birida bir do’stimiz global loading haqida so’radilar:

vue da global loader qilish qanchalik to'g'ri bir page dan boshqa page ga o'yganda loadiing ni true qilib axios interceptors request kelsa loading ni false qilib qo'yish ?


Men: Loading ni page levelda boshqarganiz yaxshi dedim, ammo qanday qilib to’g’ri boshqarish mumkinligini alohida post qilib yozishga ahd qildim.

Bu postimiz ham uzunroq bo’ladi, shuning uchun quyidagi havolaga o’tib mazza qilib o’qishingiz mumkin.

🔗 https://teletype.in/@dyusupov/loading-experience-with-suspense-component
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍4
Current Market rate for React developer 😅

Bu albatta hazil. Vakansiya notog’ri post qilingan deb umid qilamiz😅

Upd. Balki har bir qator code uchun shunchadan to’lar🤔

#shit_vacancy #react
🔥6🤣4
🛠 Code quality, maintainability and security

Static code analysis bu code ni ishga tushirmasdan analiz qilish protsessi hidoblanadi. Analiz maxsus Tool lar orqali source code ni scan qilib potensial xatolar, code smells, zaifliklar va coding standart dan chetga chiqilgan holatlarni aniqlash uchun mo’ljallangan. Maqsad code sifatini, texnikaviy ta’minotini (maintainability) va havfsizligini code ni ishga tushirishdan oldin ta’minlashdan iborat.

🧐 Nega static code analyzer lar kerak:

1. Early Error Detection: Statik analiz sintaksis xatolar, typelarning mos kelmasligi va boshqa muammolarni early development (vaqtliroq) paytida aniqlashga yordam beradi, bu esa productionga borib tushadigan xatolar sonini kamaytiradi.

2. Code Quality: Code standartlari va best practice ni ishlatish orqali statik tahlil vositalari kod bazasining izchilligini (maintainability) saqlashga yordam beradi, bu esa jamoalar bir-birining kodini tushunishda va hamkorlik qilishini osonlashtiradi.

3. Security: Frontend kod Cross-Site Scripting (XSS) yoki xavfsiz bo'lmagan API requestlari kabi muammolarga duch kelishi mumkin. Statik analiz bu xatarlarini haqiqiy tahdidlarga aylanishidan oldin aniqlashga yordam beradi.

4. Performance Optimization: Ba'zi statik analiz tool lari web-ilovalarning ishlashiga salbiy ta'sir qilishi mumkin bo'lgan samarasiz kod patternlarini aniqlay oladi.

5. Maintainability: Code smells (Juda murakkab funksiyalar yoki takrorlanadigan (duplicate) kodlar) larni aniqlash orqali statik analiz toza, texnikaviy ta'minotni (maintainability) osonroq qiladigan kodni rag'batlantiradi, bu esa kodni refaktor qilish va kengaytirishni osonlashtiradi.

Frontend dasturchilari uchun ESLint, Stylelint va Prettier kabi vositalar statik kod tahlili uchun keng qo'llaniladi. Bu vositalar JavaScript, CSS va boshqa frontend kodlarida best practice ni qo'llashga yordam beradi, bu esa developmentni silliq va samaraliroq qiladi.


Sonarlint degan juda ham powerful analyzer ham bor, ammo u haqida batafsil keyingi postlarimizda gaplashamiz. Stay tuned... 👋

https://t.me/peaceofcode #tooling #static_code_analysis
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
Hamkasb: Man sani birinchi marta ishda kulayotganingni ko’ryapman, nima boldi?

Men: Men ishdan ketayapman

https://shorturl.at/N5yUw

#burn_out
Peace of Code
😁7👍2🌚1
🚀 JavaScript-dan TypeScript-ga o'tish: Tips and tricks

JavaScript kodingizni TypeScript-ga o'tkazishga tayyormisiz? Mana sizga o'tishni osonlashtirish uchun amaliy maslahatlar:

1. Asta-sekin boshlang 🐢
◦ .js fayllarini .ts ga qayta nomlashdan boshlang
◦ JS va TS-ni aralashtirish uchun "allowJs" kompilyator parametridan foydalaning

2. strict mode ni yoqing 🔒
◦ tsconfig.json faylida "strict": true ni o'rnating
◦ Xatolarni bittadan hal qiling

3. Type annotation lar sizning do'stingiz 🤝
◦ Funksiya parametrlari va return qiymatlariga type larni qo'shing
◦ Ob'ekt shakllari uchun interfeyslardan foydalaning

4. Type inference dan foydalaning 🧠
◦ Iloji boricha TypeScript-ga type larni o’zi aniqlashiga ruxsat bering
◦ Faqat zarur bo'lganda aniq type larni ko'rsating

5. Moslashuvchanlik uchun union type lardan foydalaning 🔀
◦ Masalan,
function printId(id: number | string) { ... }


6. Vaqtincha "any" dan foydalaning 🏗️
◦ Dastlabki o'zgartirishda xatolarni chetlab o'tish uchun "any" dan foydalaning
◦ Asta-sekin "any" ni to'g'ri type lar bilan almashtiring

7. TypeScript-specific feature lardan foydalaning 💡
◦ Nomlangan konstantalar to'plami uchun enumlardan foydalaning
◦ Qayta ishlatiladigan komponentlar uchun genericlardan foydalaning

8. Deklaratsiya fayllarini unutmang 📄
◦ Type lari bo'lmagan third party kutubxonalar uchun .d.ts fayllarini yarating
◦ Mashhur kutubxonalar uchun DefinitelyTyped (@types) dan foydalaning

9. TypeScript Playground dan foydalaning 🎮
◦ TypeScript feature larni onlayn sinab ko'ring
◦ O'rganish va tezkor testlar uchun ayni kerakli narsa

10. Migratsiya vositalari bilan avtomatlashtiring 🔧
◦ ts-migrate yoki boshqa avtomatlashtirilgan konvertatsiya vositalarini sinab ko'ring
◦ AI tool lar orqali tez natijalarga erishing, ammo javoblarni albatta tekshiring. AI har doim ham typelarni to’g’ri yozib bermaydi
◦ Doimo natijani ko'rib chiqing va takomillashtiring

Esda tutingki, TypeScript-ga o'tish - bu marafon, sprint emas. Qadam-baqadam harakat qiling va tez orada statik tiplash va yaxshilangan developer experience dan bahramand bo'lasiz!

Happy coding! 💻
#TypeScript #JavaScript #WebDevelopment

Ushbu nuqtalardan birortasini kengroq tushuntirishimni xohlarmidingiz?

Peace of Code
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
O'ziga yoqmaydigan ishda ishlab yurgan va "oldinroq boshqa ishga o'tsam bo'larkan, endi shuncha ketqizgan vaqtim zoye bo'ladi" deb shu ishdan ketolmay yurgan birodarim:

"Daraxt ekishning eng yaxshi vaqti yigirma yil oldin bo'lishi mumkin edi, lekin ikkinchi eng yaxshi vaqt aynan hozirdir."

@peaceofcode
🔥7👍5
🕺 Computed methodi

Sizlar bilan bugun vue dagi computed methodi qanday ishlashini va qanday holatlarda ishlatish yoki ishlatmaslikni ko'rib chiqamiz.

Happy coding! 💻
#vue #computed

https://teletype.in/@dyusupov/vue-computed
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Biron kishi bilan baxslashmoqchi bo’lsangiz oldin o’zingizga savol bering:
“Bu odam turli nuqtai nazarni qabul qilish uchun aqliy jihatdan yetukmi?”.
Unday bo’lmasa baxslashishdan foyda yo’q.
👍3
Technical problems 🛠️

Akalar uzr, Web dev event posti hali tayyor emas ekan. Shu uchun postni o’chirvordim. Tayyor bo’lishi bilan share qilaman 🙏
👍4
Forwarded from GDG Tashkent (Khumoyun Inoyatov)
🔥 GDG Tashkent-dan uzoq tanaffusdan keyingi birinchi kuzgi Web Dev Meetup #3 ni kutib oling!

Kelayotgan shanba kuni yurtimiz va dunyoning top kompaniyalarida faoliyat yuritadigan web-dasturchilar bilan Web Dev Meetup o’tkazamiz.

💥 Spikerlar ichida:
- Ravshan Samandarov, Oxagile;
- Diyorbek Sadullaev, Pinterest;
- Doniyor Yusupov, Uzum Market;
- Umar Sadullaev, Unicon Soft;

Tadbir to’liq o’zbek tilida bo’ladi!

👀 Sana: 7-Sentabr, 2024
🕙 Vaqt: 14:00
📍 Joy: IT Park, Muminov 7/1

Ishtirok etish narxi: BEPUL.

🎟 Ro'yxatdan o'tish uchun havola:
https://gdg.community.dev/events/details/google-gdg-tashkent-presents-web-dev-meetup-3/

* Joylar soni chegaralanganligi tufayli "First come first serve" qoidalari amal qiladi. Joy sig’imi 180 kishi. Tadbir online translatsiya qilinadi.

@gdgtashkent
👍31🔥1
web-dev-2024.pdf
4.3 MB
Shanba kunidagi GDG Web dev event da qilgan prezentatsiyamiz.

Mavzu: 🤩 Leveraging the Power of Nuxt Layers
Speaker: Doniyor Yusupov

p.s. Layerlar haqida ko'p narsalarni gapirishga ulgurmadik, vaqt kam bo'lgani sababli. Ular haqida keyingi postlarda qo'yib borishga harakat qilamiz.

#nuxt #layers
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53🔥3👏1
Assalomu aleykum qadrli kuzatuvchilar 🤗

Ma'lum bir sabablarga ko'ra kanalimiz inactive holatida edi. Bu uchun hammangizdan uzr so'rab qolaman.

🕺 Bugun navbatdagi postimizni teletype ga . Foydali va manfaatli bo'ladi digan umiddamiz.
Kanalimizni kuzatib boring. Keyingi postlarda yanada qiziqarli va foydali ma'lumotlarni berishga harakat qilamiz.

Peace be upon you and your code ☕️

https://teletype.in/@dyusupov/vue3-watchers
#vue #watchers
Please open Telegram to view this post
VIEW IN TELEGRAM
👍81
Forwarded from GDG Tashkent (Dostonkhon Ozodkhujaev)
⚡️ Join the biggest Developer Festival of the year in Central Asia (Get your free tickets)!

Less than 2 weeks left until GDG DevFest returns to Tashkent once again for the 2024 season!

Get ready for GDG DevFest, the high-energy, one-day event is packed with dynamic talks, interactive workshops, and hands-on sessions, all centered around the latest technologies and innovations.

This year, we’re raising the bar - join us as we welcome an incredible lineup of international speakers, including Google Developer Experts and Googlers, ready to share their insights and spark your creativity.

It’s more than a conference - it’s a chance to connect, learn, and get inspired alongside some of the brightest minds in tech. Don’t miss it!

👀 Date: December 7, 2024
🕙 Time: 10:00
🏛 Venue: Panorama Cinema Palace
🗓 Agenda: https://bit.ly/devfest-agenda24

👉 Get your FREE ticket now:
https://gdg.community.dev/events/details/google-gdg-tashkent-presents-gdg-devfest-2024-tashkent/

See you at DevFest Tashkent 2024!

@gdgtashkent
Assalomu aleykum. Hammaga ramazon muborak. Dam olish kunidan foydalanib Nuxt fullstack application yozish uchun qanchalik valid option ekanini bilish uchun internet ni sayr qilayotgandim Reddit dagi bir postni comment iga ko'zim tushib qoldi. Unda Singapurlik Malt Engineering degan company o'zini project larini Nuxt ga migrate qilgani va qanday qiyinchiliklarga duch kelgani haqida yozilgan postlarga linklar #1 , #2 bor ekan.

Hozirda biz ham Uzum da uzum.uz ni bosqichma bosqich Nuxt 3 ga migrate qilayapmiz va biz ham huddi shu postlarda yozilgan challenge lar bilan duch kelganmiz.

Bu challenge lar haqida o'zim ham alohida postlarda yozmoqchiman o'zbek tilida. Ammo u vaqtgacha shu postlarni o'qib chiqishni tavsiya qilaman.
👍7😁1