Photo
click to show
click to show
Ассалому алайкум ва раҳматуллоҳи ва барокатуҳ!
🕊 Жума муборак! 🕊
Каналга аъзо бўлиш: 👇
📲 https://t.me/joinchat/AAAAAD-ZGmdHp-O75FyVsg
22.7K · 699.4K · Photo
click to show
click to show
Angular 22-versiyasi chiqibdi. Nimalar o‘zgaryapti?
1. Signal Forms endi production-ready
— Yangi form API endi stable bo'ldi.
2. Angular Aria Pattern'lar ham stable bo‘ldi
— Accessibility uchun tayyor UI patterns.
3. `resource` va `httpResource` production-ready bo'ldi
— Data fetching endi signal'lar usulida ishlaydi. "Xayr RxJS" deyishga yana bir qadammi deyman.
4. Angular MCP tools stable bo‘ldi
— AI agentlar Angular app bilan yaxshiroq ishlashi uchun devserver.start, devserver.stop, devserver.wait_for_build kabi tools stable holatga o‘tgan.
5. Angular Agent Skills chiqdi
— AI assistantlarga zamonaviy Angular best practice’larini tushuntirish uchun tayyor “skill”lar berilyapti. Masalan: Signal Forms, Angular Aria, modern Angular patterns va hokazo.
6. Router’da yangi imkoniyatlar
— Router endi browser’ning native Navigation API’si bilan yaxshiroq integratsiya qilindi. Scroll behavior, loading indicator, a11y announcement kabi flow’lar ancha soddalashdi.
7. `@Service` decorator qo‘shildi
— @Injectable({ providedIn: 'root' }) o‘rniga oddiyroq va readable variant sifatida @Service() kelyapti.
8. `injectAsync` qo‘shildi
— Service’larni kerak bo‘lganda lazy load qilish mumkin. Ishlatilmaguncha endi Service'lar ham yuklanmaydi.
9. Template’lar kuchaygan
— Endi template ichida spread syntax, arrow function’lar va boshqa qulayliklar qo'shildi.
10. OnPush yangi app’larda default bo‘ldi
— Yangi Angular app’larda OnPush default change detection strategiyasi bo‘ladi. Bu Angular’ning performance-first yo‘nalishga jiddiy ketayotganini ko‘rsatadi.
11. `@boundary` kelmoqda
— Template ichida error boundary yozish imkoniyati developer preview sifatida Q3 2026’da chiqishi kutilmoqda. Bu bitta component crash bo‘lsa, butun page yiqilmasligi uchun kerak.
12. Webpack support deprecated
— Angular v22’da Webpack tarafdagi eski builder’lar deprecated qilinyapti. Fokus endi yangi application builder va TSGo support tomonga o‘tmoqda.
Qisqasi, Angular 22 — oddiy “minor updat
17 · 4.2K · Assalomu alaykum!
Yaqinda Typix loyihasining yangi versiyasini ishlab chiqdim.
Ishlatib ko‘rib, duch kelgan xatoliklaringizni GitHub Issues bo‘limida qoldirsangiz, juda minnatdor bo‘laman.
Examples: https://www.typix.uz/examples
Playground: https://typix-playground.vercel.app/
Documentation: https://www.typix.uz/docs
Discord Community: https://discord.com/invite/KV5gYv5gw
Shuningdek, xohlaganlar loyiha rivojiga contributor sifatida hissa qo‘shishlari mumkin.
Hozircha faqat React uchun adapter yozilgan. Keyingi bosqichda Vue, Svelte va Angular frameworklari uchun adapterlar ishlab chiqilishi rejalashtirilgan.
Agar ushbu frameworklardan biri bo‘yicha yaxshi tajribaga ega bo‘lsangiz, sizni asosiy maintainer sifatida Core Teamga taklif qilishim mumkin.
Thanks
F F import { Component, computed, input } from '@angular/core'; @Component({ selector: 'app-dot-matrix-loader', standalone: true, template: ` <div class="loader" [style.--size.px]="size()" [style.--gap.px]="gap()"> @for (dot of dots(); track $index) { <span class="dot" [style.animation-delay.ms]="dot.delay" [style.animation-duration.ms]="dot.duration"> </span> } </div> `, styles: [` .loader { display: grid; grid-template-columns: repeat(var(--cols, 5), var(--size)); gap: var(--gap); width: fit-content; } .dot { width: var(--size); height: var(--size); border-radius: 50%; background: currentColor; opacity: 0.12; animation: twinkle ease-in-out infinite; } @keyframes twinkle { 0%, 100% { opacity: 0.12; } 50% { opacity: 1; } } `], }) export class DotMatrixLoaderComponent { grid = input(5); // 5x5 size = input(12); // nuqta diametri gap = input(8); // nuqtalar orasi dots = computed(() => { const total = this.grid() * this.grid(); return Array.from({ length: total }, () => ({ delay: -(Math.random() * 2000), // manfiy delay — darhol turli fazada boshlanadi duration: 1200 + Math.random() * 1400, // har bir nuqta o'z tezligida })); }); }
M U G U