Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Специализация

Python Backend Developer

Java Backend Developer

Node.js Backend Developer

Golang Backend Developer

React Frontend Developer

Посмотреть все

Выберите навыки

React

React

JavaScript

JavaScript

Git

Git

Redux

Redux

Webpack

Webpack

Посмотреть все

Сложность

1-3

4-6

7-8

9-10

Рейтинг вопросов

1

2

3

4

5

Подпишись на React Developer в телеграм

Вопросы React Frontend Developer


Что такое <template> и <slot>, как их использовать при создании кастомных элементов и динамических структур на странице?

Как работают шаблонные литеральные типы (template literal types) в TypeScript?

Что такое template literals и зачем они нужны?

Какие свойства CSS Grid используются (grid-template, gap и др.)?

  • Рейтинг:

    2

  • Сложность:

    5

<template> — это специальный элемент HTML, который позволяет создавать фрагменты кода, которые не отображаются на странице до тех пор, пока они не будут активированы с помощью JavaScript. Элемент <slot> используется в кастомных элементах для определения места, где можно вставить содержимое, переданное элементу. Эти элементы помогают разработчикам создавать более гибкие и переиспользуемые компоненты, которые могут динамически изменять свое содержимое в зависимости от контекста.

Подробнее
  • Рейтинг:

    4

  • Сложность:

    7

Шаблонные литеральные типы позволяют создавать новые строковые типы с использованием шаблонных строк. Это мощный инструмент для создания более точных и динамических строковых типов, например, для создания строго типизированных маршрутов или переменных.

Подробнее
  • Рейтинг:

    4

  • Сложность:

    3

Template literals — это строки в обратных кавычках (`), которые поддерживают интерполяцию выражений и многострочный текст. Они позволяют вставлять переменные и выражения прямо в строку через ${}. Это делает код короче и читабельнее по сравнению с конкатенацией. Также они удобны для HTML-шаблонов и логирования.

Подробнее
  • Рейтинг:

    4

  • Сложность:

    3

CSS Grid предоставляет набор свойств для создания двумерных сеток. Основные свойства: `grid-template-rows` и `grid-template-columns` определяют размеры строк и столбцов. `gap` (или `grid-gap`) задает промежутки между ячейками. `grid-template-areas` позволяет визуально именовать области сетки. Эти свойства вместе позволяют гибко управлять расположением элементов на странице.
Подробнее