Frontend

მითხარი JavaScript-ში ცვლადების ძიების მექანიზმის შესახებ (scope ჯაჭვი / ლექსიკური გარემო)

მოგიყვე Event Loop-ის შესახებ: call stack, microtasks, macrotasks.

Middle

ОТП Банк

პროექტში გაქვთ ტესტები — ერთეული, e2e?

თქვენ ჩაატარეთ ათასი კავშირის ტესტი WebSocket-ის საშუალებით — როგორ გააკეთეთ ეს, როგორ ჩაიარა დატვირთვის ტესტმა?

როგორ განვახორციელოთ ძიება valueChanges-ის საშუალებით, რომელიც ინპუტის ველზე ხდება, ბექენდზე მოთხოვნით: რომელი RxJS ოპერატორები გამოვიყენოთ და რატომ?

როგორ მუშაობს რუტინგი Next.js-ში?

რა არის Composable Nuxt/Vue-ში? შეგიძლია მაგალითი მოყვე?

არსებობს თუ არა გზა ფორმის დამუშავებისთვის სტანდარტული გაგზავნის გარეშე? როგორ გავაგზავნოთ ფორმა JavaScript-ის გამოყენებით?

იმპორტი React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(() => someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)); }; return ( <> <button onClick={onClick}> Инкремент </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ); }; export default () => <LazyInit arr={[1, 2, 3]} />; --- Дискуссия на правой стороне обсуждает: - Использование TypeScript с обобщениями: "<T extends object, K extends keyof T>" - Проверка, является ли данные строкой, с помощью охранника типа: "isString(data: unknown): data is string { ... }" - Использование useState с функцией, чтобы избежать повторного выполнения при каждом рендере: ``` const [state, setState] = useState(getComplexData); // или const [state, setState] = useState(() => getComplexData()); ``` - Функция, переданная в useState, выполнится только один раз при монтировании компонента. - Предупреждение о прямом изменении состояния в строке 11 с prev.concat. --- Техническое задание — проанализировать и, возможно, исправить или оптимизировать код компонента React, особенно: - Правильная ленивая инициализация состояния с помощью useState. - Избегать прямой мутации состояния. - Понимание обобщений TypeScript и охранников типа. - Обеспечить правильное обновление состояния компонента при клике на кнопку.

Middle+

IT One

როგორ შეიძლება გამოაცხადოთ ცვლადები JavaScript-ში: var, let, const? რა განსხვავებები აქვთ?

გაამართლებთ React-ში ლაზი ლოდინის კონცეფციას და როგორ შეუძლია ეს პროგრამის შესრულებას გაუმჯობესოს.

Middle+

Andersen

გთხოვთ, თქვენი შესაბამისი სამუშაო გამოცდილების შესახებ ისაუბროთ.

გთხოვთ, გვიამბეთ ბოლო ერთი ან ორი წლის ყველაზე კრიტიკული ბაგების შესახებ. რა მოხდა და როგორ გამოასწორეს?

[სახელი] დაუსვა კითხვა: დავალება: გვერდზე არის input. დაწერეთ კოდი, რომელიც საშუალებას მოგცემთ შეინახოთ შეტანილი მნიშვნელობა localStorage-ში, რათა გვერდის გადატვირთვის შემდეგ მნიშვნელობა აღდგეს.

Middle

OZON

რა მოხდება, თუ useEffect-ში დამოკიდებულების სიის გარეშე გამოიძახეთ setState?

როგორ გგონია ოფისში მუშაობა? გაქვს თუ არა ოფისში მუშაობის გამოცდილება?

რა გამოჩნდება კონსოლში და რატომ?

რომელ სახელმწიფო მენეჯერებთან გიწევდათ მუშაობა და რა მოგწონთ, რა პლუსები და მინუსები ხედავთ?

რა არის თქვენი მომავალი პროფესიული გეგმები მომავალი რამდენიმე წლის განმავლობაში? არ გახდებით ხალისიანი React-ის გარეშე?

Vue-ში მდგომარეობის შენახვა სად შეიძლება? რა შემთხვევებში უკეთესია Pinia/Vuex-ის გამოყენება და რა შემთხვევებში provide/inject-ის გამოყენება?