Sobes.tech

Тек CSS колдонуп кызыл, көк жана боз түстөгү блоктарды түзүңүз (структураны өзгөртпөстөн, каптоолорду кошпостон). Блоктор сүрөттөгү мисалга ылайык жайгаштырылышы керек. Контейнер жана блокторго стили түзө аласыз.

192

mapper функциясын жүзеге асырыңыз, ол деректерді (source), өрістерді (fields), сүзгіні (filter) және сұрыптауды (order) қабылдайды. Қажет: параметрлерді тексеру (fields массив болуы керек, source/filter/order функциялар болуы керек, fields-тан өрістер деректерде болуы керек), деректерді source() шақыру арқылы алу, filter арқылы сүзгілеу, order арқылы сұрыптау және тек сұралған өрістерді қайтару.

175

React компонентинин кодун текшерип көрүңүз, алмаштыруу маалыматтарды жүргүзүп, саптык функцияны чакырып жана тизмени көрсөтөт. Бардык каталар жана көйгөйлөрдү табыңыз жана оңдоңуз (async in useEffect, көзкарандысыздык массивинин жоктугу, индекс колдонуу катары key жана башка).

153

Тек DOM API'ны (Reactсиз, document аркылуу) колдонуп, ар бир тиктегенде анын түсүн көрсөтүүчү код жазгыла. Бардык элементтер үчүн бир иш-чара иштеткүчүн колдонуу сунушталат. event.target жана event.currentTarget ортосунда кандай айырма бар?

147

Queue классынын run ыкмасын ишке ашырыңыз, анын иштеши колдонуу мисалына ылайык келсин. run ыкмасы берилген асинхрондук функцияларды кезектешип аткарышы керек. Кийинки функция кезекте next чакырылганга чейин чакырылбайт. Эгер бир функцияда ката кетсе, кийинки функциялар чакырылбайт. Методтор чынжырлоо (chaining) колдоого алынышы керек.

127

React компонент жаз, анда 'Кошуу' деп аталган баскыч болот. Кошуу баскычын басканда жаңы баскыч кошулат жана анын номерлөө болот. Жасалган баскычка басканда ал өчүрүлөт. Өчүрүү туура иштеши керек (индекс боюнча эмес, уникалдуу идентификатор боюнча).

124

asyncFilter функциясын ишке ашырыңыз, ал функция сандардын массивин жана асинхрондуу предикат функциясын кабыл алат жана фильтрленген массивди кайтарат. Мисалы, кирүү [1, 2, 3] жана бир гана так эмес сандарды калтырган функция менен чыгуу [1, 3] болушу керек.

108