#React.js1
React nima ?
Savolni avval ôzingizga berib kôring va javob topishga harkat qiling ! javoblar birma bir tashlab boriladi
#js_problems
React nima ?
Savolni avval ôzingizga berib kôring va javob topishga harkat qiling ! javoblar birma bir tashlab boriladi
#js_problems
#React.js solution 2
✳️Babel.js - JSX da yozgan kodlarimizni react tushunadigan tilga ôgirib beradigan va orqa fonda ishlaydigan ajoyib kutubxona hisoblanadi.
Babel bizga qanday imkonyatlar berishini bilmoqchimisiz
https://babeljs.io shu link orqali rasmiy saytiga tashrif buyuring bizga qanday yordam berayotganligini bilishingiz mumkin.Albatta kod yozib kôring.BABELga rahmat ham aytib quyasiz menimcha😜😁
@js_problems
✳️Babel.js - JSX da yozgan kodlarimizni react tushunadigan tilga ôgirib beradigan va orqa fonda ishlaydigan ajoyib kutubxona hisoblanadi.
Babel bizga qanday imkonyatlar berishini bilmoqchimisiz
https://babeljs.io shu link orqali rasmiy saytiga tashrif buyuring bizga qanday yordam berayotganligini bilishingiz mumkin.Albatta kod yozib kôring.BABELga rahmat ham aytib quyasiz menimcha😜😁
@js_problems
✳️#React.js Savol 4 ?
React.StrictMode - ning vazifasi nima va qayerlarda ishlatamiz ?
👉@js_problems👈
React.StrictMode - ning vazifasi nima va qayerlarda ishlatamiz ?
👉@js_problems👈
👍1
✳️#React.js #Soluliton 4✳️
<React.StrictMode> </React.StictMode> — kodimizdagi muammolarni aniqlash vositasi bo'lib u ham fragmentga o'xshab UI qismda ko'rinmaydi( faqat kod yozish jarayonida ishlaydi).U bizni kodimiizning yaratilish jarayonida eskirgan ,ishlamydigan Contextlar, Yangi o'rnatgan kutubxonalarimiz o'rtasidagi nomutonosibliklarni , eskirgan kutubxonalarni va shu kabi bir qancha kodimizdagi muamolardan ogohlatirib turadi.Biz u bilan umimiy App ni yoki o'zimiz uchun React.StrictMode dan foydalanishimiz zarur bo'lgan komponentni o'rab quyishimiz mumkin.
Kamchiliklar va xatolar bo'lsa izohlarda kutamiz.
👉@js_problems👈
<React.StrictMode> </React.StictMode> — kodimizdagi muammolarni aniqlash vositasi bo'lib u ham fragmentga o'xshab UI qismda ko'rinmaydi( faqat kod yozish jarayonida ishlaydi).U bizni kodimiizning yaratilish jarayonida eskirgan ,ishlamydigan Contextlar, Yangi o'rnatgan kutubxonalarimiz o'rtasidagi nomutonosibliklarni , eskirgan kutubxonalarni va shu kabi bir qancha kodimizdagi muamolardan ogohlatirib turadi.Biz u bilan umimiy App ni yoki o'zimiz uchun React.StrictMode dan foydalanishimiz zarur bo'lgan komponentni o'rab quyishimiz mumkin.
Kamchiliklar va xatolar bo'lsa izohlarda kutamiz.
👉@js_problems👈
👏2
Demak savol - javoblar rukunini davom etirgan holda React js ga navbat
#React.js #savol 5
Reactda mapdan foydalanishimizda key ning vazifasi qanday? Undan foydalanmasak nima bóladi ?
Javobingiz bormi? izohlarda kutamiz
@js_problems
#React.js #savol 5
Reactda mapdan foydalanishimizda key ning vazifasi qanday? Undan foydalanmasak nima bóladi ?
Javobingiz bormi? izohlarda kutamiz
@js_problems
🔥1😱1
#React.js #Solution 5
Key
Javascriptdagi map bilan reactdagi mapning asosiy farqi Reacda map bilan birga key ham ishlatilishidir.
Agar biz react proektimizda mapdan foydalansagu unda keydan foydalanmasak bizning kodimiz ishlaydi lekin consolda bizga xatolik chiqaradi hop bu xatolikni keyni bermasdan ham yashirib qo'ysak bo'ladi .Demak bizni proktimiz ishlayabdi consoldagi hatolikni key siz ham yashira oldik yana bizga nimaga kerak key deyabsizmi? Ozgina shoshmaymiz.key bizga proektimizni tezroq ishlashi uchun judda katta yordam beradi.Key bizga edit va delete qilgan vaqtimizda aynan qaysi malumotni o'zgartirayotganimizni bib vaqat o'sha shoyni o'zgartirib qolgan malumotlarni render bo'lishidan saqlaydi .Agar biz key bermasdan ketsak barcha malumotlarimiz render bo'lishi uchun qo'shimcha vaqt ketadi bu esa tezlikka tasir qiladi. Demak Key aynan qaysi joyda o'zgarish bo'layotganini bilish va o'sha yerni o'zinigina yangilash va boshqa malumotlarni render bo'lishini oldini olish uchun yordam .
Eslatma
1. Key har doim unical bo'lishi kerak
2. Key uchun index berish bu juda katta xato, bunday qilmang
👉@js_problems👈
Key
Javascriptdagi map bilan reactdagi mapning asosiy farqi Reacda map bilan birga key ham ishlatilishidir.
Agar biz react proektimizda mapdan foydalansagu unda keydan foydalanmasak bizning kodimiz ishlaydi lekin consolda bizga xatolik chiqaradi hop bu xatolikni keyni bermasdan ham yashirib qo'ysak bo'ladi .Demak bizni proktimiz ishlayabdi consoldagi hatolikni key siz ham yashira oldik yana bizga nimaga kerak key deyabsizmi? Ozgina shoshmaymiz.key bizga proektimizni tezroq ishlashi uchun judda katta yordam beradi.Key bizga edit va delete qilgan vaqtimizda aynan qaysi malumotni o'zgartirayotganimizni bib vaqat o'sha shoyni o'zgartirib qolgan malumotlarni render bo'lishidan saqlaydi .Agar biz key bermasdan ketsak barcha malumotlarimiz render bo'lishi uchun qo'shimcha vaqt ketadi bu esa tezlikka tasir qiladi. Demak Key aynan qaysi joyda o'zgarish bo'layotganini bilish va o'sha yerni o'zinigina yangilash va boshqa malumotlarni render bo'lishini oldini olish uchun yordam .
Eslatma
1. Key har doim unical bo'lishi kerak
2. Key uchun index berish bu juda katta xato, bunday qilmang
👉@js_problems👈
👍2
#React.js #savol 6
Biz bilamizki state ham ózgaruvchi hisoblanadi .
Savol: oddiy ózgaruvchi bilan state ning farqi nimada
👉@js_problems👈
Biz bilamizki state ham ózgaruvchi hisoblanadi .
Savol: oddiy ózgaruvchi bilan state ning farqi nimada
👉@js_problems👈
#React.js #savol 7
state va props ning óxshash va farqli tomonlarini ayting?
Entervy savollaridan biri bu ham
👉@js_problems👈
state va props ning óxshash va farqli tomonlarini ayting?
Entervy savollaridan biri bu ham
👉@js_problems👈
Frontend
#React.js #savol 7 state va props ning óxshash va farqli tomonlarini ayting? Entervy savollaridan biri bu ham 👉@js_problems👈
#React.js #Souliton 7
Propsda ham Stateda ham malumot o'zgarishi komponentni renderga call qiladi.
Propsdan biz komponentlar o'rtasida malumot uzatish uchun foydalansak statedan esa komponent ichida malumotlar almashunuvida foydlanamiz.
Entervyuda quydagicha javob bersak yanayam yaxshi bo'ladi:
props o'zini biz bilgan jsdagi funksiyaning argumenti kabi, State esa shu funksiya ichida elon qilingan lokal o'zgaruvchi kabi tutadi
function answer(props){
let state;
}
O'xshatishimiz o'xshabdimi😎
👉@js_problems👈
Propsda ham Stateda ham malumot o'zgarishi komponentni renderga call qiladi.
Propsdan biz komponentlar o'rtasida malumot uzatish uchun foydalansak statedan esa komponent ichida malumotlar almashunuvida foydlanamiz.
Entervyuda quydagicha javob bersak yanayam yaxshi bo'ladi:
props o'zini biz bilgan jsdagi funksiyaning argumenti kabi, State esa shu funksiya ichida elon qilingan lokal o'zgaruvchi kabi tutadi
function answer(props){
let state;
}
O'xshatishimiz o'xshabdimi😎
👉@js_problems👈
👍1
✳️#React #savol 8✳️
Purecomponent nima?
O'z javobingizni izohlarda qoldiring va kanalimiz doirasi kengaytirishda bizga yordam bering
👉@js_problems👈
Purecomponent nima?
O'z javobingizni izohlarda qoldiring va kanalimiz doirasi kengaytirishda bizga yordam bering
👉@js_problems👈
🔥2