Frontend
3.56K subscribers
393 photos
52 videos
24 files
369 links
Barchasi Frontend dasturlash haqida!

- So'nggi yangiliklar
- Eng yaxshi resurslar
- Intervyu savol - javoblar

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @chapaniDev
Download Telegram
#update #nuxt #frontend


πŸ‘©β€πŸ’» Nuxt 3.14 chiqdi - yangi rspack builder, umumiy papka va ishlash unumdorligini oshirish bilan!

Batafsil: Nuxt blog

@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯12πŸ‘8
#update #nuxt #frontend


πŸ‘©β€πŸ’» Nuxt 3.15 chiqdi!

πŸ‘©β€πŸ’» Vite 6 integratsiya:
Yangilanish Vite 6 bilan ishlaydi, bu esa server muhitini yaxshilashga yordam beradi.

🌐 Chromium devtools yaxshilanishlari:
Endi brauzer devtools'ida nuxt hook vaqtlarini ko'rish mumkin.

πŸ—Ί callOnce uchun navigatsiya rejimi:
Kodni har bir navigatsiyada bir marta ishlatish uchun yangi 'navigation' opsiyasi qo'shildi.

πŸ₯΅ Shablonlar, sahifalar va sahifa metama'lumotlari uchun HMR

πŸ“„ Sahifa meta yaxshilanishlari:
definePageMeta ichida lokal funksiyalarni qo'llab-quvvatlash qo'shildi.

πŸ”₯ Ishlash samaradorligi oshirilgan:
Brauzer ilova manifestini oldindan yuklaydi va vue-router'ning hash rejimi tarixini paketdan chiqarib tashlaydi.

Yangilash uchun:

npx nuxi@latest upgrade --force


Batafsil o'qish: Nuxt blog

@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯12πŸ‘8
#nuxt #update #frontend


πŸ‘©β€πŸ’» Nuxt 3.16 chiqdi!

Yangi versiyada frontend developerlar uchun bir qancha foydali yangiliklar mavjud:

⚑️ npm create nuxt – yangi loyihalarni yaratish endi yanada qulay!
πŸš€ unhead v2 – SEO va metadata boshqaruvi yanada kuchliroq
πŸ•°οΈ Lazy hydration – komponentlarni kerakli vaqtda yuklash
πŸ”§ Devtools v2 – konfiguratsiyalarni kuzatish imkoniyati
πŸ“› Named layer aliases – loyihalaringizni yanada tartibli qilish uchun
πŸ§ͺ Yaxshilangan xatoliklarni aniqlash
πŸ” Aniqroq debugging opsiyalari
βš™οΈ Performance optimizatsiyalari

Batafsil: Nuxt 3.16 yangiliklari

@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯11πŸ‘9
#nuxt #frontend


πŸ‘©β€πŸ’» Nuxt 4.0 chiqdi!

- Kodni tartibli saqlash uchun yangi app/ direktoriyasi
- useAsyncData va useFetch da aqlli keshlash
- Tezroq CLI va socket aloqasi
- TypeScript uchun yaxshilangan integratsiya

-----

Nuxt 4.0 is out!

- New app/ directory for organized code
- Smart caching with useAsyncData and useFetch
- Faster CLI with socket communication
- Improved TypeScript integration

Upgrade guide and detailed overview

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘15πŸ”₯7
#nuxt #css #frontend


Nuxt 4 bilan yaratilgan loyihalarda dasturchilar orasida kichik muammo ya'ni style(css) fayllarni ulashda muammoga duch kelishmoqda. Yangiliklarni kuzatib bormagani uchunmi yoki AI'ga bog'lanib qolib docs/google search qilmaslik natijasida muammoni hal qilishlari uchun ko'p vaqt sarflab qo'yishmoqda.

Endi esa muammoga yechimcha berib ketsam.

Styles fayllarini notoβ€˜gβ€˜ri joyga joylashtirish va notoβ€˜gβ€˜ri yoβ€˜l bilan import qilish orqali css'laringiz ishlamayotgan.

- Style fayllarni app/assets/ ichida saqlang
- nuxt.config.ts β†’ css: ['~/assets/scss/main.scss']

Nuxt 4 da kodlaringiz β€œapp/” papkasida bo'lishi kerak. Ya’ni barcha UI bilan bogβ€˜liq papkalar: assets, components, composables, layouts, middleware, pages, plugins, utils β€” endi app/ ichida yozing.

β€œ~” alias endi app/ ni ko'rsatadi

Batafsil docs: havola

@frontend
πŸ”₯83πŸ‘1
#nuxt #upgrade #frontend


πŸ‘©β€πŸ’» Nuxt 4.1 chiqdi!

Qisqacha yangiliklar:
- Build qilish jarayoni tezlashdi
- Hash/chunk yaxshilandi β†’ 404’lar kamayadi
- Rolldown bilan tezroq bundling
- Nuxt 3.19 ham shu yangiliklarning koβ€˜pini oldi

---

Nuxt 4.1 is out!

Brief updates:
- The build process has been accelerated
- Hash/chunk has been improved β†’ 404s will decrease
- Faster bundling with Rolldown
- Nuxt 3.19 also received most of these updates

Read more: https://nuxt.com/blog/v4-1

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
5πŸ”₯4πŸ‘2