Frontend

<script> function sum(valueA) { throw 'Іске асырылмаған' } console.log(sum(1)()); // 1 console.log(sum(1)(2)()); // 3 console.log(sum(1)(2)(-3)()); // 0 </script>

FCP (First Contentful Paint) метрикасы дегеніміз не екенін білесіз бе? Мысалы, бізде React қосымшасы бар — серверлік рендерингпен әлеуметтік желі, және мәселе бар: пайдаланушы тікелей біреудің профиліне кіргенде, ұзақ уақыт ақ экран көрінеді. Осыдан бастап — пайдаланушы Enter пернесін басқан сәттен бастап алғашқы мазмұн пайда болғанға дейін не болады?

Браузердегі ресурстарды кэштеу қалай жұмыс істейді — браузер кэштен алу немесе қайта жүктеу туралы қалай шешім қабылдайды, және оны қалай басқаруға болады? Қандай кэштеу әдістері бар, соның ішінде Service Worker?

Жаңа компонент SignupSuccess-ті жүзеге асырыңыз. Ол тіркеу сәтті өткеннен кейін тіркеу формасының орнына көрсетілуі керек.

Өзіңіз туралы аздап айтыңыз, бағдарламалауда не қызықтыратынын, соңғы тәжірибеңіз туралы, мүмкін күрделі нәрселер жасаған шығарсыз.

Күрделі формалар үшін күй менеджері ретінде Redux-пен жұмыс істеуді ұнаттыңыз ба?

Код бар — оның не істейтінін түсіну керек, код-ревью жасау керек: қандай мәселелер бар және не жақсартуға болады.

Memoize тапсырмасын жетілдіру: memoize функциясына екінші аргумент ретінде кэштің өмір сүру уақытын миллисекундпен қабылдауды қамтамасыз ету.

Жақында JavaScript-те Promise.withResolvers көмегіші пайда болды. Оны естідіңіз бе? Екінші жолдың орнына оның аналогын жазыңыз.

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

Redux-тың бірнеше артықшылықтары мен кемшіліктерін атай аласыз ба?

Бетте 5000 өнімнің тізімі бар, бет өте баяу жұмыс істейді. Бизнестің сұрауы бойынша не істер едіңіз?

Жауап беру мүмкін емес.

Алдыңғы жұмыс орындарыңыз туралы айтыңыз — не қызықты нәрселер жасадыңыз?

Head бөліміндегі скриптке async атрибутын қойсаңыз, не болады? Async пен defer арасындағы айырмашылық қандай?

Достар бетінде және хабаршыда пайдаланушылар туралы ұқсас ақпарат көрсетіледі. Екі нұсқа бар: пайдаланушыларды жергілікті фича слайстарында сақтау немесе глобалды сақтауда. Бұл жағдайда глобалды сақтаудың артықшылықтары мен кемшіліктері қандай?

Басқа функцияның слайсынан (мысалы, пайдаланушылар слайсы) нақты пайдаланушының бетінде деректерді қалай алуға болады, модульдердің шекарасын бұзбай және артық сұрау жасамай?

Redux-қа қандай баламалар білесіз және олардың неге оның артықшылықтары жоқ? Неге Redux жақсы тестіленген, ал контексттер — жоқ?

#React тіркелу формасы 1. StateProvider қалай жұмыс істейтінін түсіндіріп беріңіз, ойыңызды сұхбаттасушымен бөлісіңіз. 2. /src/api/mock-қа қараңыз, ол қалай жұмыс істейтінін түсіндіріңіз. 3. SubmitButton түсін тексеріп, түзетіңіз. 4. Signup компонентінде клиенттік форма валидациясын жүзеге асырыңыз. (\*\*) 9-шы тапсырманы ескеріңіз. Ережелер: - Пайдаланушы аты, Электронды пошта, Құпия сөз, Қайталау құпия сөзі кемінде 6 таңбадан тұруы керек; - Құпия сөз Қайталау құпия сөзімен сәйкес болуы керек; - Валидация "Тіркелу" батырмасын басқан кезде орындалуы керек; - Қате мәндері бар өрістер белгіленуі керек (error және helperText қасиеттері); 6. API жауапта қате болуы мүмкін, оны тиісті өріске жақын көрсетіңіз. 7. Пайдаланушы аты компоненті сәтті жібергеннен кейін жаңа пайдаланушы атын көрсететініне көз жеткізіңіз. 8. Жаңа SignupSuccess компонентін жүзеге асырыңыз. Ол тіркелу формасының орнына көрсетілуі керек. 9. Қажетті өрістер үшін серверлік валидацияны жүзеге асырыңыз.

Соңғы тәжірибеңіз туралы қысқаша айта аласыз ба және жаңа жұмысынан не күтесіз, қандай нәрселерді қалайсыз?