Специализация
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 в телеграм
Как вставить видео в HTML?
Для вставки видео в HTML используется тег <video>. Внутри него указываются источники видео через тег <source>, а также можно добавить атрибуты, такие как controls для отображения элементов управления, autoplay для автоматического воспроизведения и loop для повторного воспроизведения.
Как реализовать модальное окно с формой (логин/пароль) и обработкой внешних кликов (outside click) для закрытия?
Модальное окно реализуется как компонент, который отображается поверх основного контента. Обработка клика вне модалки (outside click) делается через проверку цели события: если клик был не по модалке, то закрываем ее.
Что такое Server-Side Rendering (SSR) и какие преимущества он дает? (SEO, первоначальный рендеринг на сервере)
SSR — это процесс рендеринга React-приложения на сервере в HTML на каждый запрос. Это улучшает SEO, так как поисковые боты видят готовый контент, и ускоряет первоначальную загрузку страницы для пользователя, потому что браузер сразу получает готовую для отображения разметку.
Как работает получение данных на сервере в Next.js? (Раньше — getServerSideProps, в App Router — async-компоненты)
В старом Pages Router для получения данных на сервере использовалась специальная функция getServerSideProps, которая передавала данные в компонент страницы через пропсы. В новом App Router Server Components (помеченные как async) могут напрямую получать данные с помощью fetch или других библиотек, а затем рендерить JSX.
Чем отличаются getStaticProps, getServerSideProps и getStaticPaths?
getStaticProps получает данные для статических страниц во время сборки. getServerSideProps получает данные при каждом запросе на сервере. getStaticPaths определяет какие динамические пути должны быть предварительно сгенерированы для статических страниц.
Какие плюсы и минусы у многоэтапных анимаций (video → SVG → scale / transform)?
Какие инструменты используются для работы с зависимостями в современных IDE?
Для чего нужен Provider в Context API?
Что необходимо реализовать на стороне сервера для поддержки SSR?
Как работает SSR на Node.js?
Рейтинг:
3
Сложность:
7
Многоэтапные анимации позволяют добиться вау-эффекта и гибкости, но усложняют реализацию и поддержку. Они увеличивают количество ассетов и логики синхронизации. Часто такие анимации тяжелее оптимизировать и тестировать. Их используют, когда один формат не даёт нужного результата. Важно понимать, оправдана ли такая сложность.
Рейтинг:
3
Сложность:
3
Современные IDE имеют встроенные инструменты для работы с зависимостями. Они позволяют устанавливать, обновлять и удалять пакеты без ручного редактирования файлов. IDE также подсвечивают устаревшие версии и конфликты. Это упрощает поддержку проекта. Работа с зависимостями становится безопаснее и нагляднее.
Рейтинг:
4
Сложность:
3
Рейтинг:
4
Сложность:
6
Рейтинг:
4
Сложность:
6
Рейтинг:
1
Сложность:
3
Рейтинг:
2
Сложность:
6
Рейтинг:
2
Сложность:
7
Рейтинг:
2
Сложность:
7
Рейтинг:
2
Сложность:
6
