#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

#react #pdf #frontend

👀 React uchun 4 ta eng yaxshi PDF Viewer

Ilovalaringizda PDF hujjatlarni ko‘rish funksiyasini qo'shmoqchi bo'lsangiz, quyidagilardan foydalanashingiz mumkin:

1. React-PDF
2. PDFKit
3. pdfme
4. Nutrient

@frontend | Happy Coding

#nextjs #react #frontend

👩‍💻 Next.js 15: Boshlang‘ichdan Professional Darajagacha!

Agar Next.js 15 ni o‘rganishni istasangiz, boshlang‘ichdan Professional darajagacha bo‘lgan eng yaxshi bepul manba bilan bo'lishmoqchiman!

- Server Components va Rendering
- App Router va Routing tizimi
- Dynamic va Static Rendering farqlari
- API Routes va Data Fetching
- Deployment bo‘yicha qo‘llanma

📷 Tutorialga havola

@frontend | Happy Coding

#javascript #react #vue #frontend

💡 Patterns.dev

Patterns.dev — bu zamonaviy veb-ilovalarni yaratishda dizayn, renderlash va ishlash samaradorligi bo'yicha andozalar haqida bepul onlayn manbadir.

Shuningdek, sayt foydalanuvchilarga "Learning Patterns" nomli 435 sahifalik bepul kitobni turli formatlarda yuklab olish imkoniyatini ham taqdim etadi.

✅ Sayt: Patterns.dev

@frontend | Happy Coding

#react #library #frontend

👩‍💻 React developerlar uchun kutubxonalar ro'yxati

Quyidagi kutubxonalar bilan React loyihangizni kuchli va funksional qilishingiz mumkin

----
Library list for react developers

With the following libraries, you can make your React project powerful and functional:

🔘 Slider - Flicking
🔘 Router - Wouter
🔘 Charts - Recharts
🔘 Drag and Drop - DnDKit
🔘 Styling - TailwindCSS
🔘 Authentication - Auth.js
🔘 Tables - Tanstack table
🔘 Notifications - Sonner
🔘 Global state management - Zustand
🔘 Infinite virtual list - Virtua
🔘 Modals - React modal
🔘 UI Components - Shadcn UI
🔘 Animations - Framer motion
🔘 Working with Forms - React hook form

@frontend