Bir kuni ishxonada bitta narsaga axamiyat berib qoldim.

Masalan type Post = { title: string; }; bor.

Va const posts = getPosts(); bor.

getPosts etilu Post[] qaytaradi.

posts da masalan endi 5ta post bor.

Agar man posts[10] yozsam, TypeScript xato beradimi?

Yo'q...🥲

Playground-ga havola.

posts[10].title.toUpperCase() albatta runtime error beradi, lekin TypeScript uxladi bu paytda.

Buni oldini olish uchun aloxida ts configda "noUncheckedIndexedAccess" bor ekan.

Endi tekishirib ko'ring. Ana endi, type safe bo'ldi.

Yangi proyekt yaratganingizda iloji bo'lsa buni boshidan yoqib qo'ying.

Nimaga manga aynan FormData usuli yoqadi

1️⃣ Chiqib kelgan data-ni o’zgartirib, shunchaki fetch-ni body-siga bervorsa bo’ladi.

2️⃣ Dynamic ravishda input-larni olsa bo’ladi. Yani qo’lda ref ulash shart emas. FormData.entries();

3️⃣ Bemalol fayl yuborsa bo’ladi.

Batafsil: https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects

Vakansiya keldi pochtamga 😱

Reactda yangi GTA yozamiz

✖️ Dasturlash sohasida ustunlikka erishish uchun eng oson usullaridan biri bu dokumentatsiya o'qish.

Aaron Francis

Asosiy ekrani skrinshot qilish xozir ✖️da trend bo’lgan.

Dasturchilar qaysi ilovalardan foydalanvotganini manga qizu.

Skrinshot yuborila 👇

Tassavur qiling sizda shunaqa UI bor.

Sizi maqsadingiz: toggle qobilyatini yaratish.

Yani, faqat bitta tugma active bo'lib turadi.

Tugmani ichida ikonka bo'lish kerak, va matn.

Qanaqasiga siz shuni accessible qilasiz va qaysi elementlardan foydalanasiz? 💬👇

Keyingi post accessibility haqida bo'ladi.

👆 Tepadagi muammo haqida.

Oldin accessibility haqida xech o'ylamaganman, lekin ishxonamda qanchali accessibility AQSHdagilarga muhimligini tushundim.

Accessibility nafaqat nogornlarga yordam beradi, accessibility testlar yozishga judayam kotta yordam beradi.

Testlariz ancha flexible bo'ladi.

Buni xaqida man Kent Doddsning blogida, ayniqsa "Testing Implementation Details" maqolsida bilib oldim.

Tepadagi muammo uchun silarga Stackblitzda loyiha yaratdim 👇

Stackblitz ochish va kodi ko'rish

Kodi bemalol fork qilib, Answer component-ni accessible qilib ko'rishga harakat qilib ko'rsez bo'ladi.

Manda ham bunga o'xshagan muammo bor edi, uni aria-* attributlar yordamida hal qildim. Testlarga juda yordam berdi.

Fikrlar va kodlaringizni izohda qoldiring 👇

📺 Accessibility bilan testlar haqida YouTubega video yozimi?

• DevToolsda accessibility debug qilish

• aria-* attributlar amaliyotda

• Vitest setup qilish

• React Testing Library to’g’ri ishlatish

• React componentlar uchun test yozish

Bu mavzularni tepadagi loyiha bilan ko’rsataman. Reaktsiya qoldirila agar qizu bo’lsa👇

9-chi Oktyabrda musobaqada deadline. Kimdir harakat qilib ko'rdimi?

Manda to'g'risini etsam vaqtim unchali ko'p emas, ishlarim ko'p, lekin man uchun shunaqa narsalar juda qizu 🤩

- Tajriba oshirasiz

- Github proflingizda yana bitta ko'rsatish uchun loyiha yaratasiz

- Monetization qilib ko'rishingiz mumkin

- Kotta ehtimol bilan sizga yangi mijozlar kelishadi

Manda allaqachon g'oya bor, kodi ham yozishi boshlavordim, lekin ulguramanmi? Bilmadim.

Ulguramanmi, yo'q mi — deadlinedan keyin silar uchun loyihani open source qilaman, va baribir oxirigacha oborishga niyatim bor.

Qanaqasiga g'oya topdim?

Doim storisda etaman, eng yaxshi loyihalar, foydali va tajriba sizga olib keladigan bu o'zizda bor muammolarni hal qiladigan loyiha.

Xozir esa lekin bir nechta muammolar bor:

1️⃣ Alohida backend yozish shunchaki ulgurmiman. Kotta ehtimol bilan Supabasedan foydalanaman.

2️⃣ Kotta ehtimol bilan xech qanaqa to'lov tizimi ham ulashga vaqtim yetmidi.

Lekin shu loyiham bilan mani maqsadlarim:

1️⃣ GitHub flow strategiyasi bilan tajribani oshirish

2️⃣ GitHub CLI bilan ishlashi o'rganish

3️⃣ React Routerda arxitektura yasash

4️⃣ Wallet Pay va Crypto Pay to'lov tizimlarini ulash

5️⃣ Avtomatik CI/CD pipeline yasash

6️⃣ Radix UI da mobil UI yasash

🎙 10 daqiqadan keyin v0 dan jonli efirda foydalanib ko'rmoqchiman. Yarim soatcha jonli efir o'tqazaman, savollarga ham javob beraman