Mukhriddin Khodieff

OPEN BLOG

@khodieff

008. React.js da props va children tushunchasi (with TS)

0:00:00 • Sep 2, 2024

React.js da props (properties) va children — bu React-da komponentlar orasida ma'lumotlarni uzatish va UI ni yaratish uchun ishlatiladigan asosiy tushunchalardir. Quyida har ikkala tushunchaning qanday ishlashini va JavaScript va TypeScript-da misollarni ko'rib chiqamiz. 1. props (Properties) props — bu komponentga tashqaridan ma'lumotlarni uzatish uchun ishlatiladigan obyekt. Komponentlar uchun parametrlar kabi ishlaydi. 1.1 JavaScript-da Misol **

005. React.js da "Component" tushunchasi

0:00:00 • Sep 2, 2024

React komponentlari — React ilovalarining asosiy qurilish bloklari bo‘lib, ular foydalanuvchi interfeysini yaratishda ishlatiladi. Har bir komponent o‘zining UI qismini va mantiqiy qismini o‘z ichiga oladi. Quyida React komponentining qanday tuzilishi va ishlashini umummiy o'rganamiz. 1. Komponent Nima? React komponenti — bu JavaScript funksiyasi yoki klass bo‘lib, UI (foydalanuvchi interfeysi) elementlarini yaratish uchun ishlatiladi. Har bir komponent o‘zining UI qismini tavsiflaydi v

004. React.js boshlang'ich loyiha tuzilmasi bilan tanishamiz.

0:00:00 • Sep 2, 2024

React loyihasidagi fayllar va ularning o‘zaro bog‘liqligini tushunish muhim hisoblanadi, keling ko'rib chiqamiz.1. public/index.html Asosiy HTML fayli: Bu faylda <div id="root"></div> elementi mavjud bo‘lib, React ilovasi shu elementga qo‘shiladi. Bog‘liqligi: src/main.jsx fayli shu root elementiga React komponentlarini joylashtiradi. 2. src/main.jsx React ilovasining kirish nuqtasi: Bu faylda React DOM orqali index.htmldagi root elementi

003. React.js da boshlag'ich loyiha yaratish vite orqali , loyiha tuzlimasi.

0:00:00 • Sep 2, 2024

Vite yordamida React loyihasini yaratish jarayoni juda oddiy va tezkor. Quyida bu jarayonni bosqichma-bosqich ko'rib chiqamiz va loyiha tuzilmasi bilan batafsil tanishamiz. Vite orqali React loyihasini yaratish Node.js o'rnatilganligini tekshiring Node.js o'rnatilgan bo'lishi kerak. Terminalda quyidagi buyruqni kiritib tekshiring: node -v Agar Node.js o'rnatilmagan bo'lsa, uni Node.js rasmiy saytida o'rnatishingiz mumkin. **Yang

006. React.js da Component stillari qanday yozishni o'rganamiz.

0:01:00 • Sep 2, 2024

React komponentlariga va uning elementlariga stil yozishning bir necha usuli mavjud: CSS, SCSS, internal (inline) uslublar va styled component'da. Har bir usulni misollar bilan tanishamiz. khodieff.uz 1. CSS (Cascading Style Sheets) CSS fayllarini alohida .css fayllarda sa

007. React.js da Fragment haqida o'rganamiz.

0:01:00 • Sep 2, 2024

ReactJS da Fragment — bu React komponentlarining bir necha elementini bir joyga to'plash uchun ishlatiladigan bir usuldir. Fragmentlar DOMda qo'shimcha tugunlar yaratmasdan, bir nechta elementni bir joyga joylashtirish imkonini beradi. Bu ko'pincha JSX kodini to'g'ri tashkil qilishda foydalidir. khodieff.uz Fragmentning Asosiy Maqsadi: DOM Tugunlarini Ko'paytirmaslik: Agar siz bir necht

000. Node.js texnologiyasi , Node.js nima ?

0:00:00 • Sep 2, 2024

Node.js — bu server tomonida JavaScript kodini ishga tushirish uchun mo'ljallangan ochiq manba platforma. U asosan veb-ilovalarni ishlab chiqish, real-vaqt tizimlar va mikroservislar yaratish uchun ishlatiladi. Quyida Node.js haqida tanishib o'tamiz. khodieff.uz 1. Tarixi va Yaratilishi Node.js 2009 yilda Ryan Dahl tomonidan yaratilgan. Uning asosiy maqsadi JavaScript

Viite qanday texnologiya?

0:00:00 • Sep 2, 2024

khodieff.uz Vite — bu JavaScript ilovalari uchun zamonaviy va yuqori samarali dasturlash vositasi bo'lib, u asosan frontend loyihalarini ishlab chiqishda ishlatiladi. Uning asosiy maqsadi — tezkor rivojlanish muhiti yaratish va veb-ilovalarni kompilyatsiya qilish jarayonini soddalashtirishdir. Vite so'zi fransuz tilida "tez" degan ma'noni anglatadi, bu uning eng katta afzalliklaridan biri bo'lgan tezlikka ishora qiladi.

002. React.js (Real DOM va Virtual DOM) farqi , react qanday ishlaydi ?

0:00:00 • Sep 2, 2024

Real DOM (Document Object Model) va Virtual DOM o'rtasidagi farqlarni tushunish uchun ularning mohiyatini tushuntirish kerak. Keling buni ko'rib chiqamiz. khodieff.uz Real DOM (Document Object Model) Real DOM bu HTML hujjatining dasturiy modelidir. Veb sahifadagi har bir element va ularning tuzilishi DOM tomonidan if

002. Vue.js Loyihamizning tuzilmasi haqida.

0:00:00 • Aug 31, 2024

﷽ Assalamu alaykum! Vue.js loyihasi Vite orqali yaratilganda, loyihaning tuzilmasi quyidagicha bo'ladi. Har bir katalog va faylning maqsadi va vazifalari haqida batafsil tanishamiz. khodieff.uz my-app/ ├── node_modules/ ├── public/ │ └── vite.svg ├── src/ │ ├── assets/ │ │

001. Vue.js da Vite texnologiyasi yordamidanloyiha qurishni o'rganamiz!

0:00:00 • Aug 31, 2024

﷽ Assalamu alaykum! Demak Vite texnologiyasi yordamidan Vue loyiha qurishni o'rganamiz! khodieff.uz Vite — Vue.js ilovasini yaratish uchun tez va samarali texnologiya hisoblanadi. Quyida Vite yordamida Vue.js (app) yaratish jarayonini batafsil ko'rib chiqamiz. **1. Muhitni tayyo

009. Vue.Js da Emit tushunchasi

0:00:00 • Aug 31, 2024

khodieff.uz - Assalamu alaykum ! Vue.js da emit hodisalari yordamida komponentlar o'rtasida ma'lumot almashish imkoniyati mavjud. Emit hodisalari yordamida bola komponent ota komponentga ma'lumot yuborishi mumkin. Quyida emit hodisalari haqida batafsil ko'rib chiqamiz.

003. Vue.js "script setup" Sintaksisi

0:00:00 • Aug 31, 2024

Vue.js-da script setup sintaksisi Vue 3.2 versiyasidan boshlab qo'shilgan yangi sintaksis variantidir va Composition API-ni ishlatishni juda osonlashtiradi. Bu sintaksis yordamida siz Vue komponentlarini yozish uchun ancha qisqa va tushunarli kod yozishingiz mumkin. Mana asosiy nuqtalari: script setup Sintaksisi Asosiy Struktur: <template>  </template> <script setup> // Bu yerda Composition API kodlarini yozasiz </scrip

008. Vue.js da Props tushunchasi

0:00:00 • Aug 31, 2024

khodieff.uz Assalamu alaykum ! Props - Vue.js ning eng kerakli qismilaridan biri bo'lib, komponentlar aro ma'lumotni almashinish imkonini beradi. props-larni ishlatish setup funksiyasi ichida amalga oshiriladi. Quyida props-larni <script setup> bilan qanday ishlash haqi

004. Vue.js da reaktivlik (reactivity)

0:00:00 • Aug 31, 2024

Vue3 da reaktivlik (reactivity) asosiy qismlardan biri hisoblanadi, bu dastur yoki saytimizning dinamikligini va interaktivligini ta’minlash uchun ishlatiladi. Vue3 da reaktivlik Vue'ning Composition API (versiyasi) orqali amalga oshiriladi. Bu "Composition API" (v3) Vue 2 dagi "Options API" bilan solishtirganda ancha tartibli ishlash va qulaylikni beradi. ![khodieff.uz](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-

« 1 2 3 4 »