Frontend
3.68K subscribers
406 photos
61 videos
24 files
384 links
Barchasi Frontend dasturlash haqida!

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

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @chapaniDev
Download Telegram
#reactNative #mobile


πŸ‘©β€πŸ’» React Native 0.82 toβ€˜liq yangi arxitektura’ga o'tdi

Asosiy yangiliklar:
- Hermes V1 (eksperimental): bundle yuklash tezligi real loyihalarda 3–9% gacha tezlashgan
- React 19.1.1: β€œowner stacks” toβ€˜liq qoβ€˜llab-quvvatlanadi; useDeferredValue va startTransition
- Web Performance API’lari (canary): performance.now(), PerformanceObserver
- Android debugOptimized: odatdagi debug ~20 FPS oβ€˜rniga ~60 FPS atrofida tezlashdi
- Breaking: tutilmagan Promise rad etishlari endi console.error orqali aniq koβ€˜rinadi

Batafsil: React native 0.82

-----

React Native 0.82 has fully moved to the New Architecture

Key updates:
- Hermes V1 (experimental): bundle loading is 3–9% faster in real projects
- React 19.1.1: full support for β€œowner stacks”; useDeferredValue and startTransition
- Web Performance APIs (canary): performance.now(), PerformanceObserver
- Android debugOptimized: ~60 FPS instead of ~20 FPS in regular debug
- Breaking: uncaught Promise rejections are now clearly reported via console.error

More details: React Native 0.82

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘9πŸ”₯31
#openAI #browser


OpenAI yangi AI brauzer chiqardi: ChatGPT Atlas!

macOS uchun yuklab olish mumkin (chatgpt.com/atlas), Windows va mobil versiyalar tez orada chiqarilar ekan.

Batafsil ma'lumot / Yuklab olish

@frontend
11πŸ‘4πŸ”₯3
#update #nuxtUI #vueJS


πŸ‘©β€πŸ’» Nuxt UI v4.1 chiqdi!

- Yangi Empty komponent
- Katta datasetlar uchun virtualizatsiya
- Komponentlarni avto aniqlash va CSS ni aqlli bog'lash

-----

Nuxt UI v4.1 is out!

- New Empty component
- Virtualization for large datasets
- Auto-detect components and smart CSS bundling

Details: https://github.com/nuxt/ui/releases/tag/v4.1.0

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘7πŸ”₯42
#mem #developer


Avval poydevor, keyin freymvork va AI

-----

Foundation first, then the framework and AI

@frontend
21πŸ‘9πŸ”₯4
#update #nuxt #vueJS


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

Asosiy yangilanishlar:

- Abort control: useAsyncData/useFetch da AbortController bilan so'rovlarni bekor qilish
- Dev error pages: xatoliklar sahifasi va texnik debug paneli
- Async data extraction: JS bundle 39% ga kichrayadi (statik saytlar uchun)
- TS Plugin (eksperim.): VS Code'da komponent va import navigatsiyasi yaxshilandi
- Vite API, Nitro refactor, performance boost

Batafsil: https://nuxt.com/blog/v4-2

EN
Nuxt 4.2 is out!

Main updates:

- Abort control: Cancel requests with AbortController in useAsyncData/useFetch
- Dev error pages: Error pages and technical debug panel
- Async data extraction: JS bundle shrinks by 39% (for static sites)
- TS Plugin (exp.): Improved component and import navigation in VS Code
- Vite API, Nitro refactor, performance boost

Details: https://nuxt.com/blog/v4-2


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯15πŸ‘31
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯16πŸ‘55
This media is not supported in your browser
VIEW IN TELEGRAM
#VsCode #update #frontend


πŸ‘©β€πŸ’» VS Code'ga yangi "Plan" xususiyati qo'shildi

Endi murakkab vazifalarni (masalan, autentifikatsiya qo'shish yoki testlar yozish) AI yordamida avval rejalashtirib olasiz. U loyihangizni tahlil qiladi, qadamlarga bo'ladi va "to-do" ro'yxatini avto yangilaydi. Natijada kod sifati oshadi, xatolar kamayadi va ishlash samaradorligingiz tezlashadi.

Hozircha VS Code Insiders'da qo'shilgan. Tez orada barcha versiyalarda ko'rinadi.

EN
New "Plan" Feature Added to VS Code

Now you can plan complex tasks (like adding authentication or writing tests) in advance with AI assistance. It analyzes your project, breaks it down into steps, and automatically updates the "to-do" list. As a result, code quality improves, errors decrease, and your productivity speeds up.
Currently added to VS Code Insiders. It will appear in all versions soon.


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘75πŸ”₯2
This media is not supported in your browser
VIEW IN TELEGRAM
#css #ux #frontend


πŸ€– O'sha trendga chiqayotgan NEO roboti veb saytidagi qiziqarli va ajoyib UX

⬅️ Karuselning "Next/Previous" tugmalariga odatdagidan boshqacharoq CSS orqali yechim. aria-label atributidan foydalanib, tugmalarni aniq tanlash mumkin. Bunday uslub UX'ni yaxshilaydi va a11y uchun ajoyib.

Oddiy CSS:

button[aria-label="Next slide"] {
cursor: url(chev-right.png), auto;
}

button[aria-label="Previous slide"] {
cursor: url(chev-left.png), auto;
}


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯17πŸ‘51
πŸ”₯34πŸ‘18
Please open Telegram to view this post
VIEW IN TELEGRAM
1πŸ”₯19πŸ‘9
#update #nuxt #frontend


πŸ‘©β€πŸ’» Nuxt Image v2 chiqdi

- TS'ni to'liq qo'llab-quvvatlash($img, useImage())
- IPX v3 - ishlash tezligi yaxshilandi
- Server tomonida ishlatish - useImage()
- Yangi Shopify va GitHub provayderlari

Nuxt Image v2 versiyasi 3.1 va undan yuqori versiyalarda ishlaydi.

Batafsil: Nuxt image v2

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯7πŸ‘1
This media is not supported in your browser
VIEW IN TELEGRAM
#ts #webGpu #frontend


🎚 TypeGPU kutubxonasi yordamida yaratilgan "jelly slider" animatsiyasi

TypeGPU - bu TypeScript-ga asoslangan kutubxona, u JavaScript kodini WebGPU uchun WGSL ga aylantiradi. "use gpu" direktivasi JavaScript funksiyalarini GPU-da bajarish imkonini beradi.


const add = (a, b) => {
"use gpu";
return a + b;
}


Slider: Kodga havola

@frontend
πŸ”₯9πŸ‘4
ChatGPT va Claude'da limitingiz qolmagan bo'lsa Kimi K2'ni ham sinab ko'rsangiz bo'ladi. Ko'rsatkichilari chatgpt, claude bilan bemalol raqobatlashmoqda, ba'zi tomonlari yaxshiroq ham.

@frontend
πŸ‘11πŸ”₯5
#motivation #frontend


Day One ➑️ One Day

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯47πŸ‘9
#statistics #github #developers


πŸ“Š GitHub Octoverse 2025 hisobotining eng muhim qismlari

Asosiy o'sish ko'rsatkichlari:
- Har soniyada 1 ta yangi dasturchi: 36 milliondan ko'p akkaunt ochilgan, umumiy dasturchilar soni 180+ mln.
- Oylik 43,2 million pull request birlashtirilgan (+23% o'tgan yilga nisbatan)
- 986 million commit yuborilgan
- Daqiqasiga 230 yangi repository yaratilmoqda

AI odatiy ish rejimiga aylandi
- Yangi dasturchilarning 80% i birinchi haftadayoq GitHub Copilot-dan foydalanishni boshlashgan
- 1,1 million ochiq repository LLM SDK-dan foydalanadi
- AI loyihalariga hiss qo'shadiganlar soni 200 minggacha yetdi

Dasturlash tillarida inqilob
- TypeScript 2025 avgustda birinchi marta Python va JavaScript-dan o'tib ketdi GitHub-da eng keng tarqalgan til bo'ldi (~2,6 million dasturchi)
- TypeScript 1 milliondan ortiq yangi dasturchi jalb etdi

Global rivojlanish: Hindiston yetakchi
- Hindistondan 2025-yilda 5,2 million dasturchi qo'shilgan
- 2030-yilga qadar 57,5 million dasturchiga erishish prognozi - har uch yangi dasturchidan biri hindistonlik bo'ladi

Manba: GitHub Octoverse 2025

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ‘7πŸ”₯3
Frontend
#statistics #github #developers πŸ“Š GitHub Octoverse 2025 hisobotining eng muhim qismlari Asosiy o'sish ko'rsatkichlari: - Har soniyada 1 ta yangi dasturchi: 36 milliondan ko'p akkaunt ochilgan, umumiy dasturchilar soni 180+ mln. - Oylik 43,2 million pull…
Bundan kelib chiqib o'zimiz uchun quyidagicha xulosa qilsak bo'ladi:

- TypeScript endi standart tilga aylandi.
Barcha zamonaviy frontend framework'lar (React, Vue, Angular) default TypeScript bilan ishlaydi.

- Frontend + AI = normal holat
AI-first development. AI modellarini qanday samarali ishlatishni o'rganish kerak.(API, prompt engineering)

- Arxitektura va xavfsizlik qismlarini kuchli, chuqurroq o'rganish.

@frontend
πŸ”₯13πŸ‘2