К содержанию

React asosiy o'quv qo'llanmasi

React JavaScript frameworki bo'yicha o'quv qo'llanma. Yangichalar uchun. Ko'p nazariya va vazifalar.

Уроки

React Frameworkiga Kirish

React Frameworkini O'rnatish

React-devtools plaginni ulash

Reactda komponentli yondashuvga kirish

React Framework Sayt Maketi

Komponent ish natijasi

JSX Tili

Reactda JSX tiliga kirish

JSX funktsiyalari tomonidan ichki teglarni qaytarish

JSX-da tegn pastga siljitishda funktsiya tomonidan qaytarish qoidalari

JSX-da bir nechta teglarni qaytarishning xususiyatlari

Yopilmagan JSX tegnini qaytarish

JSX da funktsiya tomonidan bo'sh tegninig qaytarilishi

O'zgaruvchilar va konstantalar qiymatlarini JSX ga kiritish

O'zgaruvchilar qiymatlarini joylashtirishdagji nuanslar

JSX da massivlarni kiritish

JSX da obyektlarni kiritish

O'zgaruvchilar va konstantalarni JSX teglarining atributlariga qo'shish

JSX-da teglarni o'zgaruvchilar va konstantalarda saqlash

JSX konstantalarida bir nechta teglarni saqlashning o'ziga xos xususiyatlari

Turli qatorlardagi teglar JSX da

JSX-da return orqali teglarni qaytarish

JSX teglarini yopish

Reactda vertikaning to'g'riligi

JavaScript kodini bajarish

Shartlar

JSX da shartlarni qo'llash

Reactda shartli ko'rsatish

JSX-da teglarni qaytarish shartlari

JSX da ternar operator

JSX da && operatoridan foydalanish

JSX da qisqartirilgan shartlar uchun inversiya

Funksiyalar

Reactda funksiyalardan foydalanish

React-da teglar ichida funksiyalarni chaqirish

JSX da hodisalarni biriktirish

JSX funksiyasida parametrlar

Reactda Event obyekti

Parametrlarni uzatishda Event ob'ekti

Teglarni shakllantirish

JSX da massivlardagi teglar

Reactda tsiklda teglar massivini shakllantirish

Ma'lumotlar massividan teglarni shakllantirish Reactda

Reactda massiv teglarida noyob kalitlar

Reactda ob'ektlar massivini chiqarish

Reactda id orqali noyob kalitlar

Reactda ob'ektlar massivini HTML jadvali shaklida chiqarish

Benzersiz id

Reactda noyob id larni muhokama qilish

Reactda yangi id lar bilan bog'liq muammolar

Reactda id uchun tasodifiy satrlar

Reactda id yaratish

Reactda id generatsiya qilish uchun funksiya

Reactda id funksiyasidan foydalanish

Reactda id funksiyasini noto'g'ri ishlatish

Stetlar

Reactda State-lar bilan tanishish

Reactda State-lardan foydalanish

Reactda state-larning reaktivligi

Reactda holatdagi mantiqiy qiymat

Reactda holatlar yordamida hisoblagich

Formalar

Reactda Inputlar bilan ishlash

Reactda Input Ma'lumotlarini Chiqarishda O'zgartirish

Reactda funktsiya yordamida ma'lumotlarni o'zgartirish

Reactda bir nechta inputlar bilan ishlash

Tugmani bosish orqali React-da shakl ma'lumotlarini qayta ishlash

Reactda textarea bilan ishlash

Reactda checkbox bilan ishlash

React-da Chekbokslar va shartli renderlash

React-da select bilan ishlash

Reactda Massivdan Select Punktylari

Reactda Selectda value Attributlari

Reactda massivdan tanlangan value atributlari

Reactda Radio bilan Ishlash

Reactda standart qiymatlar

Reactda Inputlarni Massivga Bog‘lash

Reactda Inputlarni Ob'ektga Bog'lash

Ma'lumotlar

Reactda ma'lumotlarning reaktivligi

React-da massivga reakiv qo'shish

Reactda massivlar ustida reaktiv amallar

Reactda ob'ektlar massiviga reaktiv qo'shish

Reactda Ob'ektlar Massivi Ustida Reaktiv Amallar

Reactda ma'lumotlarni reaktiv ko'rsatish

Komponentlar

React Komponentlariga Kirish

Reactda Komponentlardan Foydalanish

Reactda bir nechta komponent nusxalari

Reactda Komponentlarning Proplari

Reactda farzand komponentlarini yaratish

Reactda farzand komponentlarini yaratish uchun massiv

Reactda tsiklda voris komponentlar

Reactda voris komponentlarga stavlarni uzatish

Reactda komponentga id uzatish

Reactda ota komponentning holatini bola komponentda o'zgartirish

Reactda ota komponentning holatini bola komponentda tahrirlash

Reactda ichki komponentda holatni tahrirlash

Reactda avlod komponentlari holatlari orqali ishlash rejimlari

Tushunchalar

React komponentlari bilan ishlashda asosiy tushunchalar

Reactda Komponent Ma'lumotlari

Reactdagi komponent turlari

Reactda Bir Yo‘nali Ma'lumotlar Oqimi

Reactda Holatlarni Ko'tarish

Reactda bitta haqiqat manbai

Stylization

React komponentlarini uslublash usullari

Reactda stil berishda global CSSdan foydalanish

Ma'lumotlarni Reactda ob'ektdan style atributiga qo'shish

Reactda ma'lumotlarni alohida fayldan style atributiga qo'shish

Reactda style atributida CSS stillari bilan ishlash

Reactda o'zgaruvchilardan ma'lumotlarni style atributiga qo'shish

Reactda Styled Components yordamida stil berish

Styled Components bilan Reactda Prop-lardan Foydalanish

Styled Components bilan Reactda shartli renderlashda proplardan foydalanish

Reactda Komponentlarni Kengaytirilgan Uslublash

Reactda CSS modullari bilan uslublashni o'rganishni boshlash

CSS modullari bilan React-da stillashni o'rganishni davom ettirish

Reactda CSS modullarida klasslar uchun composes komandasi

Reactda CSS modullari uchun fayllarda composes buyrug'i

Loyihalar

Reactda Cheklist Loyihasi

Reactda Bloknot Loyihasi