Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Что такое <template> и <slot>, как их использовать при создании кастомных элементов и динамических структур на странице?
<template> — это специальный элемент HTML, который позволяет создавать фрагменты кода, которые не отображаются на странице до тех пор, пока они не будут активированы с помощью JavaScript. Элемент <slot> используется в кастомных элементах для определения места, где можно вставить содержимое, переданное элементу. Эти элементы помогают разработчикам создавать более гибкие и переиспользуемые компоненты, которые могут динамически изменять свое содержимое в зависимости от контекста.
Как работают шаблонные литеральные типы (template literal types) в TypeScript?
Шаблонные литеральные типы позволяют создавать новые строковые типы с использованием шаблонных строк. Это мощный инструмент для создания более точных и динамических строковых типов, например, для создания строго типизированных маршрутов или переменных.
Что такое Docker image?
Docker image — это исполнимая и легковесная упаковка, которая включает в себя все необходимые компоненты для запуска приложения, включая код, библиотеки и системные зависимости. Docker image используется для создания контейнеров.
Чем Redux Toolkit отличается от классического Redux?
Redux Toolkit упрощает работу с Redux.
Он уменьшает количество шаблонного кода.
Redux Toolkit поощряет лучшие практики.
Сегодня это рекомендованный способ использования Redux.
Как правильно итерировать массив в шаблоне Vue?
Массивы во Vue итерируются с помощью v-for. Нужно использовать уникальный key для каждого элемента. Логика должна оставаться в скрипте, а шаблон — простым. Не рекомендуется выполнять сложные вычисления прямо в шаблоне. Это делает код понятнее и стабильнее.
Что произойдёт, если не использовать динамический :key, а передать строку?
Чем отличается key="id" от :key="id" во Vue?
Как Vue интерпретирует строковые и динамические значения атрибутов?
Рейтинг:
4
Сложность:
6
Если передать строку в key без :, все элементы списка получат одинаковый ключ. Vue не сможет различать элементы между собой. Это ломает алгоритм обновления DOM. В результате возможны визуальные и логические ошибки. Такой key фактически бесполезен.
Рейтинг:
5
Сложность:
5
key="id" передаёт строку "id", а :key="id" передаёт значение переменной id. В первом случае все элементы получают одинаковый ключ. Во втором — каждый элемент получает свой уникальный ключ. Для списков подходит только динамический вариант. Это критично для корректного обновления DOM.
Рейтинг:
5
Сложность:
5
Во Vue атрибут без : всегда считается строкой. Атрибут с : интерпретируется как JavaScript-выражение. Это правило действует для всех атрибутов, включая class, style, key и пользовательские пропсы. Непонимание этого часто приводит к логическим ошибкам. Для передачи значений из данных нужно использовать динамический биндинг.
Рейтинг:
2
Сложность:
5
Рейтинг:
4
Сложность:
7
Рейтинг:
2
Сложность:
5
Рейтинг:
5
Сложность:
7
Рейтинг:
4
Сложность:
5
