Frontend

Получить данные о книгах и их авторах. Вывести данные пагинированным списком по 10 книг на странице в формате: <название книги> - <автор> api: [link] спецификация: [link] если не открывается swagger, в корне sber-c55-books-mock-1.0.1-oas3.1-resolved.yaml const PAGE_SIZE = 10; export default function App() { const [books, setBooks] = useState([]) const [page, setPage] = useState(1); const [loading, setLoading] = useState(false) useEffect(() => { setLoading(true); fetch('[link] .then((res) => res.json()) .then((data) => setBooks(data)); .finally(() = setLoading(false)) }) const totalPage = Math.ceil(books.length / PAGE_SIZE) const currentBooks = books.slice(start, start + PAGE_SIZE) return ( <div className="App"> {loading && <p>Загрузка...</p>} <ul> currentBooks.map((book) => { <li> </li> }) </ul> </div> ); } Исправить ошибки и реализовать вывод пагинированного списка книг с авторами.

В плане UI — работа с данными, графики, таблицы, навороченные интерфейсы, формы — есть ли что-то из последнего?

Middle

МВидео

Виртуализация списков — зачем нужна и как реализуется?

Это получается на React? Какие технологии и библиотеки использовал для форм? Была ли там валидация?

Middle

МВидео

Реализуйте функцию mapper, которая принимает данные (source), поля (fields), фильтр (filter) и сортировку (order). Необходимо: валидировать параметры (fields должен быть массивом, source/filter/order — функциями, поля из fields должны присутствовать в данных), получить данные через вызов source(), отфильтровать через filter, отсортировать через order и вернуть только запрошенные поля из fields.

Middle+

Касперский

Какие директивы в Angular ты знаешь? Как создать кастомную атрибутную и структурную директиву?

Middle

Aston

Что можно передавать в GET-запросе?

Middle+

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

Можешь рассказать разницу между серверным и клиентским state management? Для чего нужны библиотеки типа Tanstack Query?

Middle

МВидео

Для чего используется хук useRef?

Middle

ОТП Банк

Расскажи про себя и свой опыт работы

С чем вы работали?

Реализуй функцию-счётчик с замыканием, где счётчик нельзя изменить извне.

Расскажи о себе и своём опыте

Middle+

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

Что такое покрывающие индексы и как они помогают?

Функция — это объект? Чем отличается обычная функция от стрелочной в контексте прототипов?

Middle+

Рунити

Расскажите подробнее о проекте, над которым работали. Это был проект, который вы сделали и забыли, или была поддержка?

Практическая задача: реализовать функцию smartFetch, которая накапливает ID в течение 100 миллисекунд и делает один батчевый запрос к бэкенду (batchFetch), возвращая результат для каждого конкретного ID через Promise.

Что ты имеешь в виду под code splitting?

Практическая задача по Promise (задача была анонсирована, но не озвучена полностью в транскрипте).

Есть код с самовызывающейся функцией (IIFE) с использованием var. Что будет выведено в консоли при вызове typeof a и typeof b снаружи функции? Как поведение изменится в строгом режиме?