Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Задачи

Войти

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

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

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

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

React Frontend Developer

Java Backend Developer

Node.js Backend Developer

Golang Backend Developer

Python Backend Developer

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

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

React

React

Git

Git

Redux

Redux

Webpack

Webpack

Docker

Docker

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

Сложность

1-3

4-6

7-8

9-10

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

1

2

3

4

5

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

Вопросы React Frontend Developer


Для чего используется библиотека Styled Components

Как использовать CSS-in-JS библиотеки (например, styled-components) в React-проектах?

Чем отличаются pure components от обычных компонентов?

Можете объяснить концепцию HOC (Higher-Order Components) в React?

  • Рейтинг:

    4

  • Сложность:

    4

Styled Components — это библиотека для React, которая позволяет писать CSS-стили прямо внутри JavaScript-кода, используя шаблонные литералы. Она создаёт изолированные компоненты со своими стилями, что помогает избежать конфликтов имён классов. Библиотека поддерживает динамические стили на основе пропсов и тем, упрощая создание адаптивных интерфейсов. Это популярный инструмент для CSS-in-JS, который улучшает модульность и читаемость кода.
Подробнее
  • Рейтинг:

    5

  • Сложность:

    10

CSS-in-JS библиотеки позволяют писать стили прямо в JavaScript коде. В styled-components стили создаются как компоненты, что упрощает динамическое изменение стилей на основе состояния и использования тем.

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

    2

  • Сложность:

    5

Pure components (чистые компоненты) автоматически предотвращают повторные рендеры, если их пропсы или состояние не изменились. Это делается с помощью поверхностного сравнения значений. Обычные компоненты, с другой стороны, рендерятся каждый раз, когда их родительский компонент обновляется, даже если их пропсы или состояние не изменились.

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

    3

  • Сложность:

    5

HOC (компонент высшего порядка) — это функция, которая принимает компонент и возвращает новый компонент. Это позволяет повторно использовать логику между разными компонентами, не изменяя их исходный код. HOC полезны, когда нужно добавить общую функциональность, такую как авторизация или управление состоянием.

Подробнее