Ko'pchilik JavaScriptni yetarlicha o'rganmay turib Reactga (yoki boshqa js frameworklariga) o'tishayotganini guvoohi bo'lyapmiz. Bu to'g'ri emas.
Agar siz JavaScriptdan yetarlicha bilimga ega bo'lmay turib Reactga o'tsangiz, Reactni o'rganish davomida tez-tez jsga qaytishingizga to'g'ri keladi. Bu esa Reactni o'rganish jarayonini uzoqlashtiradi, ko'plab chalkashliklarga olib keladi.
Keling, Reactdani boshlash uchun jsdan qanchalik bilish muhim ekanligini koʻrib chiqaylik.
Bular:
➊ Basics
➋ Array.prototype Methods
➌ Array Destructuring
➍ Array Spread
➎ Object Destructuring
➏ Object Spread
➐ Template Literals
➑ ES Modules
Basics:
➊ Basics
❍ Variable Declaration
❍ Variable Scope
❍ Variable Hoisting
❍ Functions
❍ Arrow Functions
❍ Callback Functions
❍ Closure
❍ Basic Operators
❍ Array Literals
❍ Object Literals
❍ if, if...else
❍ for, for...in, for...of, while, do...while
➋ Array metodlar
❍ forEach()
❍ map()
❍ reduce()
❍ flat()
❍ flatMap()
❍ find()
❍ filter()
❍ slice()
❍ splice()
❍ push()
❍ pop()
❍ shift()
❍ unshift()
❍ some()
❍ every()
➌ Array Destructuring
U tez-tez hooclarda ishlatiladi, xususan useState() hoocida
Masalan:
⇥ const [fruits, setFruits] = useState([]);
➍ Array Spread
Foydalanish holatlari juda ko'p. Biz arrayni nusxa ko'chiradigan joylarimizdan biri bu statedan elementni qo'shish/yangilash/o'chirishdir.
⇥ let newArray = [itemToAdd, ...oldArray]
➎ Object Destructuring
Propertylar bizning funktsiya komponentimizga ob'ekt parametri sifatida uzatiladi.
Biz uni buzishimiz va faqat biz foydalanmoqchi bo'lgan xususiyatlarni belgilashimiz mumkin.
Masalan:
function MyComponent({name, address}) {
}
➏ Object Spread
Biz obyektni child componentiga o'tkazish uchun spread operatordan foydalanshimiz mumkin.
Masalan:
function MyComponent({name, address, ...rest}) {
return
}
➑ ES Modullar
❍ import
❍ import {}
❍ export
❍ export default
O'rganish usuli barchada turli bo'ladi. JS bilimiga ega boʻlish majburiy boʻlmasa-da, siz bir vaqtning oʻzida React va JSni ham oʻrganishingiz mumkin. Ammo oson bo'lishi uchun React sayohatingizni boshlashdan oldin JS bo'yicha asosiy bilimlarga ega bo'lishingiz tavsiya etiladi.
@ Swapna Kumar
Top comments (0)