Frontend

Czy uważasz, że TypeScript ma wady?

Teraz trzeba posortować wszystkich użytkowników według ID w porządku rosnącym. Jakiego algorytmu sortowania byś wybrał do rozwiązania tego zadania?

Czym są tokeny dostępu i odświeżania?

Popraw kod tak, aby po kliknięciu przycisku renderował się tylko App, a podczas wpisywania tekstu w input tylko Parent (bez zbędnych rerenderów Child).

Middle+

Т-Банк

Jak uzyskać długość zwykłego obiektu za pomocą właściwości length? Jak dodać metodę length do wszystkich obiektów przez prototyp?

Opowiedz o swoim doświadczeniu, ostatnim miejscu pracy, stosie technologicznym i zespole

Jaka jest różnica między metodami tablic filter i forEach?

Wolisz pracować na Windows czy macOS?

Middle

Wildberries

Jak przechowywany jest stan w React? Z jakimi menedżerami stanu pracowałeś?

Jak był zorganizowany GitFlow: proces tworzenia gałęzi i pracy z zadaniami?

Co jest w klasowych komponentach React, czego jeszcze nie ma w funkcjonalnych?

Dlaczego Next.js nie jest potrzebny do paneli administracyjnych?

Jak usunąć przypadkowo zatwierdzone dane z commitu?

const customMap = (array, transform) => { // coś jak array.map(transform); }; const stringResults = customMap([1, 2, 3], item => item.toString()); const lengths = customMap(["cześć", "świat"], item => item.length);

/** * Należy napisać funkcję, która przyjmuje jako wejście URL, * asynchronicznie wysyła zapytanie GET do tego URL i zwraca dane (json). * Do pobierania danych użyj fetch. * Możesz używać tylko API Promise. * Jeśli podczas zapytania wystąpi błąd, spróbuj ponownie 5 razy. * Jeśli ostatecznie nie uda się uzyskać informacji, zwróć błąd "Podany URL jest niedostępny". */

Czy możemy trochę zagłębić się w produkt z asystentem AI? Opowiedz, jak wyglądał flow od początku do realizacji tego produktu

Opowiedz mi o pracy z formularzami w React.

Opowiedz więcej o etapach renderowania: layout (reflow) i paint (repaint)

Zadanie w React (3 podzadania): 1) Napraw formularz edycji użytkownika — po kliknięciu na nazwę użytkownika na liście, nazwa powinna być wstawiona do pola input formularza edycji. 2) Formularz edycji nie powinien się ponownie renderować podczas wpisywania tekstu w polu wyszukiwania (optymalizacja z React.memo). 3) Po wybraniu użytkownika z listy pole wyszukiwania powinno się resetować.

Middle+

Т-Банк

const Effects = () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("każde renderowanie 1")); console.log("każde renderowanie 2"); useEffect(() => console.log("każde renderowanie 3")); return ( <> {count} <button onClick={() => setCount((prevProps) => ++prevProps)}> Zwiększ </button> </> ); }; export default Effects; // 1 render: // Po kliknięciu: const Effects = () => { const [count, setCount] = useState(0); const [number, setNumber] = useState(0); useEffect(() => { console.log(count); return () => { console.log(count); }; }); return ( <> {count} <button onClick={() => setCount((prevProps) => ++prevProps)}> Zwiększ </button> </> ); }; export default Effects; // 1 render: // 2 1 3 // Po kliknięciu: // 2 1 3 // return null: // 2 1 3 // // 1: 1, 0 // +: 1, 2 // ++: 2, 2

Middle+

IT One