#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

#typescript

⚙️ TypeScript 5.5 Beta e’lon qilindi!

Microsoftning TypeScript jamoasi TypeScript 5.5 Beta versiyasini e’lon qilishdi. Yangiliklarning qisqacha ro'yxati!

- Inferred Type Predicates
- Type Imports in JSDoc
- Regular Expression Syntax Checking
- The transpileDeclaration API
- va hk

🔗Yangilik haqida batafsil:
https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/

@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

🧻 Kreativ dizayner va web dasturchi Voicu Apostol tomonidan veb-saytingiz uchun... tualet qog'ozi rulosi shaklida ajoyib menyu.

🔗Live demo

@frontend

#vscode

🗓 CodeGPT: Chat & AI Agents - Visual Studio Marketplace’siga yangi qo'shildi.

U sizga AI chat yordamchisi, avto-to’ldirish, kod tushuntirish, xatolik tekshirish va hokazo kabi xususiyatlarni taklif qiladi. Bu kengaytma sizga turli xil AI modellaridan foydalanish imkonini berad. OpenAI, Microsoft, Google, Anthropic, Cohere, Mistral, Huggingface va CodeGPT Plus kabi yetakchi ta’minotchilarning asosiy LLM modellaridan foydalanishingiz mumkin.

Kodni GPT-4 darajasida yozadi va tuzatadi.

🔗 Faollashtirish

@frontend

🌟 Iltimos, BOOST orqali kanalimizni qo'llab quvvatlang!

https://t.iss.one/boost/frontend 💧

#typography

#Scroll oʻtkazish paytida matnning xiralashishi animatsiyasi.

🔗 Demo | GitHub

@frontend

#news

👩‍💻 Haftalik Vue yangiliklari # 143

Yangiliklar bilan batafsil tanishish:
https://weekly-vue.news/issues/143

@frontend

#mem

Ayni haqiqat ... 😁

@frontend

#html #css #chrome

🔍 Chrome 125 beta haqida

Google Chrome 125 beta versiyasi hozir beta sifatida mavjud. Bu versiya bir nechta yangi CSS xususiyatlari va o'zgarishlarni o'z ichiga oladi.

#️⃣CSS Anchor Positioning: Bu xususiyat JavaScript ishlatmasdan, sahifadagi boshqa elementlarga joylashtirilgan elementni bog'lashga imkon beradi.
#️⃣CSS stepped value functions—round(), mod(), and rem()
#️⃣ HTML Keyboard-focusable scroll containers
#️⃣ Web APIs
#️⃣ Chrome Apps

Bu va boshqa xususiyatlar haqida batafsil ma'lumot: https://developer.chrome.com/blog/chrome-125-beta

@frontend

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

@frontend | @frontendVacancy

Ayrim dasturchi va boshliqlar o'rtasida bo'lib turadigan holat🔫

@frontend

#css

↔️ CSS-da “specificity”

Bir html elementiga bir nechta stil berilgan bo'lsa(cascading), brauzerlar tomonidan elementga eng mos keladigan CSS xususiyatlarni aniqlash uchun ishlatiladigan algoritmdir.

Css-da prioritet:

inline styles > id (#) > class (.) va attribute ([]) > tag (<>)

@frontend

#git

⚙️ Git haqida o'zbekcha kitob.

Git-ning rasmiy saytida kitob bo'limida git haqida batafsil ma'lumot beruvchi , o'rganish uchun qo'llanma mavjud va buni o'zbek tilida tarjimasi bor.

Qo'llanmaga o'tish: https://git-scm.com/book/uz/v2

Qo'llanmaning 10/3 qismigina tarjima qilingan :(

Git haqida foydali manbalar:
- GIT CHEAT SHEET
- Learn Git
- Using Git

@frontend

#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