Frontend

Czy znasz pojęcia kaskady i specyficzności w CSS? Jakie metodologie pomagają radzić sobie ze specyficznością w zespole?

Czym jest Federation Module i co obejmuje?

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { 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 () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Zwiększ </button> ); }

Middle+

IT One

Czy rozumiesz, jak działa Tailwind?

Zadanie z TypeScript: jest klasa Animal z metodami move i bark, oraz funkcja process, która przyjmuje zwierzę typu Animal i wywołuje jego metodę bark. Czy wystąpi błąd TypeScript? Jak poprawnie zawęzić typ? Jak napisać type guard?

Jakie typy danych istnieją w JavaScript? Czym różnią się typy prymitywne od obiektów? Jak są przechowywane w pamięci?

Napisz funkcję, która przyjmuje szerokość i wysokość macierzy i zwraca dwuwymiarową tablicę wypełnioną liczbami w spiralę (w porządku rosnącym, zaczynając od 1, poruszając się w prawo, potem w dół, w lewo, w górę).

Czym są operatory rest i spread? Czym się różnią?

Middle

Okko

Czy była architektura oparta na mikrofrontach?

Middle

Аэрофлот

Gdzie można używać interface, ale nie można używać type?

Middle

МТС Банк

Czy miałeś do czynienia z Dockerem i CI/CD w kontekście rozwoju frontend?

function sum(a, b) { return a + b; } function memo() {}

Middle+

IT One

Czym są generyki w TypeScript?

Middle

Транснефть

Komponenty złożone + React Context → przekazywanie formEntity przez dostawcę w Form i korzystanie w FormItem. Form otacza dzieci w FormContext.Provider, a FormItem używa cloneElement do wstrzyknięcia value i onChange do Input. Pułapka: upewnij się, że FormItem przekazuje nazwę do obsługi aktualizacji. ```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 }), }); }; ```

Jak często przenoszono cię między różnymi częściami projektu?

Czy masz doświadczenie w rozwoju agencji z wykorzystaniem SI?

Jaka jest różnica między dyrektywami v-if a v-show?

Czym jest debounce?

Co się dzieje z komponentem przy zmianie klucza? Opowiedz o cyklu życia komponentów funkcyjnych.

Middle

СБЕР

Jaka jest lepsza opcja umieszczenia przycisku akcji: na środku ekranu czy przy prawej krawędzi? (interfejs mobilny)