Frontend System Design Mock Interview
Kandidat: Diyorbek Sadullaev (@brogrammist)
Intervyu oluvchilar:
- Umar Sadullayev (@JoshDeveloper)
- Shahzod Tursunov (@shahzodcodes)
Vaqt: 30-sentyabr, 21:00
YouTube link: https://youtube.com/live/wvonyNuhmHI
Komponent arxitekturasi, state management'dan tortib, performance optimizatsiya, scalability mavzularigacha savollar bo'ladi.
Yetakchi tech kompaniyalarda senior va lead lavozimlarida ishlab kelyotgan mutaxassislardan o'rganamiz!
Frontend tizim dizayni kursiga qo'shiling: https://42.uz/course/frontend-tizim-dizayni
Kandidat: Diyorbek Sadullaev (@brogrammist)
Intervyu oluvchilar:
- Umar Sadullayev (@JoshDeveloper)
- Shahzod Tursunov (@shahzodcodes)
Vaqt: 30-sentyabr, 21:00
YouTube link: https://youtube.com/live/wvonyNuhmHI
Komponent arxitekturasi, state management'dan tortib, performance optimizatsiya, scalability mavzularigacha savollar bo'ladi.
Yetakchi tech kompaniyalarda senior va lead lavozimlarida ishlab kelyotgan mutaxassislardan o'rganamiz!
Frontend tizim dizayni kursiga qo'shiling: https://42.uz/course/frontend-tizim-dizayni
👍7🔥4
Frontend
Frontend System Design Mock Interview
Bu suhbat orqali soha mutaxasislaridan o'zingiz uchun yangi bilimlar olasiz degan umiddaman)
#ai #prompt #frontend
OpenAI tomonidan, turli rollar uchun tayyor prompt to‘plamlari taqdim etildi. “ChatGPT for Engineers” paketi arxitektura vizualizatsiyasi, debugging, hujjatlashtirish va tezkor tahlillarni soddalashtiradi.
ChatGPT prompt packs: link
@frontend
🔥9
#reactNative #mobile
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🔥3
#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
Openai
Introducing ChatGPT Atlas
The browser with ChatGPT built in.
#update #nuxtUI #vueJS
- 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🔥4
#mem #developer
Avval poydevor, keyin freymvork va AI
-----
Foundation first, then the framework and AI
@frontend
#update #nuxt #vueJS
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👍3
This media is not supported in your browser
VIEW IN TELEGRAM
#trend #css #frontend
To'liq kod: https://codepen.io/jh3y/pen/qEbYRVg
Siz ham loyihalarda sinab ko'rdingizmi?
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16👍5
This media is not supported in your browser
VIEW IN TELEGRAM
#VsCode #update #frontend
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
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
#css #ux #frontend
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👍5
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥19👍9
#update #nuxt #frontend
- 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