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