Karyerasini boshlamoqchi boʻlib yurgan React'chilar uchun amaliyot 👆

React bo'yicha Senior dasturchilar uchun Artel kompaniyasidan vakansiya 👆

@frontend

#react

👩‍💻 React 19-dagi yangi xususiyatlar – Kod misollari bilan yangilanishlar

🔗Maqolaga havola

@frontend

React yo'nalishi bo'yicha Junior(tajribasiz)lar uchun haq to'lanadigan amaliyot qilish imkoniyati 👆

@frontend

#react

⚙️ React bilan PDF yaratish

Yaqinda Onedoc dasturchilari React Print deb nomlangan UI to'plamini ishlab chiqishdi. U React va TypeScript yordamida PDF-fayllarni yaratish uchun mo'ljallangan. Uning yordami turli hujjatlar uchun shablonlarni tayyorlashingiz mumkin.

⚙️ GitHub

@frontend

#react

React Three Fiber bilan interaktiv 3D Bulge matn effektini yaratish.

Saytingizni yanada qiziqarli ko'rsatadi

🕸 Demo ⚙️ Code

@frontend

#github #javascript #react

Foydali GitHub repo'lar

1️⃣ JavaScript-da algoritmlar va ma'lumotlar tuzilmalari - havola

2️⃣ Eng yaxshi 500 ta ReactJS intervyu savollari va javoblari roʻyxati - havola

@frontend

#react #icon

Eng chiroyli React Icon kutubxonasi!!

🔴27,000+ chiroyli ikonlar
🔴3,800+ bepul ikonlar
🔴SVG, React, React Native, npm mavjud

🔗 hugeicons.com

@frontend

👆 Vue yoki React bo'yicha real loyihalarda tajribaga ega Strong Juniorlar uchun vakansiya.

@frontend | @frontendVacancy

#react

⚙️ React 19 Beta

React 19 yangilanishlari haqida ma'lum qilindi:

#️⃣ React Compiler: Yangi kompilyator React kodini oddiy JavaScript kodiga aylantiradi, bu esa ishlash tezligini ikki baravarga oshirishi mumkin. Hozirgi paytda, Instagram ushbu texnologiyadan foydalanmoqda va bu texnologiya Reactning kelgusi versiyalarida chiqariladi.

#️⃣ Server Components: Ko'p yillik rivojlanishdan so'ng, React server komponentlarini taqdim etdi, ulardan endi Next.js bilan foydalanish mumkin.

#️⃣ Actions: DOM elementlari bilan oʻzaro munosabatni oʻzgartirish uchun amallar oʻrnatiladi.

#️⃣ Document Metadata: dasturchilarga kamroq kod bilan ko'proq ish bajarishga imkon beradi.

#️⃣ Asset Loading: bu, aktivlarni fon rejimida yuklashga imkon beradi, bu ham ilovaning yuklanish vaqtini ham, foydalanuvchi tajribasini ham yaxshilaydi.

#️⃣ Web Components: React kodi endi bizga veb komponentlarni kiritishga imkon beradi.

#️⃣ Yangi React Hooks: Kodlash tajribasini oshirish uchun yangi imkoniyatlar.

use()
useFormStatus()
useFormState()
useOptimistic()

React 19 hali ham ishlab chiqish jarayonida.

🔗 React 19 beta haqida batafsil: https://react.dev/blog/2024/04/25/react-19

@frontend

#react

👩‍💻 react-pdf - Reactda pdf fayllarni yaratish

React-PDF kutubxonasi yordamida siz o’z loyihangizda PDF hujjatlarni yaratish, ko’rish va saqlash uchun komponentlarni ishlatishingiz mumkin.

React-PDF kutubxonasi quyidagi imkoniyatlarni beradi:

🔴PDF hujjatlarni yaratish uchun deklarativ API.
🔴Server va mijoz tomonida PDF hujjatlarni yaratish.
🔴CSS xususiyatlari va Flexbox layout orqali ularni stil berish uchun API.
🔴Hujjatni saqlash, oqish va DOM-da ko’rsatish.

npm install @react-pdf/renderer --save

⚙️ GitHub | 📄 Doc

@frontend

Dubai shahridan React, next.js dasturchilar uchun ajoyib vakansiya 👆

💸 Maosh: $2500 - $4000 USD

#react #vue #angular #interview

Intervyuga tayyorlanish uchun eng yaxshi intervyu savollari va javoblari roʻyxati.

⚙️ React 💚 Vue ⚙️ Angular

@frontend

#react #frontend

⚙️ React bilan PDF yaratish

Onedoc dasturchilari tomonidan ishlab chiqilgan React Print deb nomlangan UI to'plami. U React va TypeScript yordamida PDF-fayllarni yaratish uchun mo'ljallangan. Uning yordamida turli hujjatlar uchun shablonlarni tayyorlashingiz mumkin.

Getting started | GitHub

@frontend

#uitools #react #frontend

👩‍💻 Material UI 6

Material UI 6-versiyasi chiqibdi! Bu versiyada mavzularni yaxshilash, rang sxemalarini boshqarish, konteyner so'rovlarni qo'llab-quvvatlash va React 19 bilan moslashish kabi o'zgarishlar mavjud. CSS o'zgaruvchilaridan foydalanish kuchaytirilib, yangi sx prop qo'llab-quvvatlanadi, shuningdek, saytning ishlash ko'rsatkichlari optimallashtirilgan.

🔗 Batafsil ma'lumot olish

@frontend

#chart #react #frontend

📊 Recharts — React uchun grafiklar kutubxonasi!

Imkoniyatlari:
- Animatsiyali grafiklar
- Responsive, Har xil ekran o‘lchamlariga moslashuvchan
- Interaktiv elementlar (masalan, tooltiplar)
- SVG asosida yengil va tezkor

GitHub | Veb sayt

@frontend | Happy Coding

#react #update #frontend

👩‍💻 React v19 ishga tushurildi

React 19 rasmiy ravishda chiqarildi va npm orqali o'rnatib olishingiz mumkin!

🆕 Yangi Funksiyala:
• Actions: Async funksiyalar bilan optimistik yangilanishlar va xatolarni avtomatik boshqarish.
• useOptimistic: Optimistik holatlarni qulay boshqarish uchun hook.
• useActionState: Formalar uchun yangi boshqaruv hook.
• Static API-lar: HTML yaratishni optimallashtiruvchi prerender API-lar.
• Async Scripts: Skriptlarni samarali yuklash va boshqarish.
• Custom Elements: Maxsus elementlar bilan ishlash yanada oson.

🔄 Yaxshilanishlar:
• Suspense: Tezlik va moslashuvchanlik yaxshilandi.
• Formalar: Action va formAction funksiyalarini qo‘llab-quvvatlash.
• Hidratatsiya: Xatolarni aniqlash va tushuntirish qulaylashdi.

🔗 Batafsil: React 19 blog post

@frontend | Happy Coding

#react #frontend

⚡️ React Bits — React uchun animatsiyali komponentlar kutubxonasi

Havola: https://www.reactbits.dev

@frontend | Happy Coding