Faqat CSS yordamida qizil, ko‘k va kulrang bloklar yarating (tashqi tuzilmani o‘zgartirmasdan, qoplamalarni qo‘shmasdan). Bloklar rasmda ko‘rsatilgan misolga muvofiq joylashtirilishi kerak. Konteyner va bloklarga uslublar belgilash mumkin.
Frontend
Ma'lumotlar (source), maydonlar (fields), filtr (filter) va tartiblash (order) qabul qiladigan mapper funksiyasini amalga oshiring. Kerak: parametrlarni tekshirish (fields massiv bo'lishi kerak, source/filter/order funksiyalar bo'lishi kerak, fields ichidagi maydonlar ma'lumotlarda mavjud bo'lishi kerak), source() chaqiruvi orqali ma'lumotlarni olish, filter yordamida filtrlash, order yordamida tartiblash va faqat fields ichidagi so'ralgan maydonlarni qaytarish.
React komponentining kodini ko'rib chiqib, ma'lumotlarni o'tkazadigan, satr funktsiyasini chaqiradigan va ro'yxatni chiqaradigan kodni ko'rib chiqing. Barcha xatolar va muammolarni toping va tuzating (useEffect ichida async, bog'liqliklar ro'yxati yo'qligi, indeksni kalit sifatida ishlatish va boshqalar).
Faqat DOM API (Reactsiz, hujjat orqali) foydalanib, har qanday to'rtburchakni bosganda uning rangini chiqaradigan kod yozing. Barcha elementlar uchun bitta voqea ishlovchisini ishlatish tavsiya etiladi. event.target va event.currentTarget o'rtasidagi farq nima?
Queue sinfining run metodini bajarish uchun, foydalanish misoliga mos keladigan tarzda amalga oshiring. run metodi unga uzatilgan asinxron funksiyalarni ketma-ket bajarishi kerak. Navbatdagi funksiya faqat next chaqirilgandan so'ng chaqirilishi mumkin. Agar funksiyalardan birida xato yuzaga kelsa, keyingi funksiyalar chaqirilmaydi. Metodlar zanjirli chaqirishni (chaining) qo'llab-quvvatlashi kerak.
React komponent yozing, unda 'Qo'shish' tugmasi bo'lsin. 'Qo'shish' tugmasiga bosilganda, yangi raqam bilan tugma qo'shiladi. Yangi tugmaga bosilganda, u o'chiriladi. O'chirish to'g'ri ishlashi kerak (indeks bo'yicha emas, balki yagona identifikator bo'yicha).
asyncFilter funktsiyasini amalga oshiring, u massiv raqamlar va asinxron predikat funktsiyasini qabul qiladi va filtrlashgan massivni qaytaradi. Masalan, kirish [1, 2, 3] va faqat toq raqamlarni qoldiradigan funktsiya bilan chiqish [1, 3] bo'lishi kerak.