Frontend

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

Қазір сенің сенімді аға болу үшін не жетіспейді деп ойлайсың?

Middle

Лига Цифровой Экономики

Сен ментор болғанын айттың — қосымша курстарға бардың ба немесе тек ментормен кәсіби білім алдың ба? Оқыту қалай өтті?

setTimeout-тағы бұл сан (кешігу) Event Loop тұрғысынан не білдіреді? Техникалық тұрғыдан браузерде setTimeout қалай жұмыс істейтінін түсіндіріңіз — тапсырма қайда орналастырылады, қай кезекте (микротасқалар, макротасқалар, шақыру стегі)?

React.memo қандай аргументтерді қабылдайды, компоненттен басқа?

Middle+

Т-Банк

Бұл React-те ме? Формалар үшін қандай технологиялар мен кітапханаларды қолдандыңыз? Валидация болды ма?

Middle

МВидео

Бұл компоненттің архитектурасын қалай жақсартуға болады — оны рендерингті оңтайландыру үшін кішірек компоненттерге бөлу керек пе?

Promise.all-дан басқа Promise API әдістерін білесіз бе?

Event Loop туралы айтыңыз: микротаски және макротаски, орындалу тәртібі.

Middle

Рунити

JSX қайтаратын функция үшін useMemo немесе useCallback қолдану мағынасы бар ма?

Бетте элементтерді орналастырудың қандай әдістері бар (CSS position)?

Айтыңызшы: JS/JSVue-дан React және TypeScript-ке көшу болды ма, және микрофронтендтерге көшу жоспары бар ма?

Middle

Wildberries

useEffect қашан орындалады? Ол useLayoutEffect-тан қалай ерекшеленеді?

Құрама компоненттер + React Context → formEntity-ді Form ішіндегі провайдер арқылы өткізу және FormItem-да пайдалану. Form балаларын FormContext.Provider-мен орайды, ал FormItem cloneElement көмегімен value мен onChange-ты Input-қа енгізеді. Қауіп: FormItem update-ке name-ды дұрыс өткізуді қадағалаңыз. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```

Неліктен дайын UI элементтерін қолданбай, жеке UI жинағын жасау керек деп шештіңіз?

Егер тапсырма нашар формулаланған болса, мысалы, мәселенің сипаттамасы орнына нақты батырманың орналасуы мен түсі айтылса, сіз қалай әрекет етесіз?

JavaScript-те стрелка функциясы мен кәдімгі функцияның айырмашылығы неде?

Практикалық тапсырма: smartFetch функциясын жүзеге асырыңыз, ол 100 миллисекунд ішінде ID-лерді жинақтап, бір рет бэкендке сұрау жасайды (batchFetch), және әр нақты ID үшін нәтижені Promise арқылы қайтарады.

UI-да тізімдер массив элементтерін жою немесе қосу кезінде дұрыс тәртіпте көрсетілмейтін жағдайларды қалай болдырмауға болады (тізімдердегі кілт туралы сұрақ)?

Қиын және қызықты мәселелерді шештіңіз бе? Қызықты немесе күрделі бір функция туралы айтыңыз.

Middle

МВидео