Специализация
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 в телеграм
Какова роль render props в React?
Render props — это паттерн в React, при котором компонент получает функцию для рендеринга через пропсы. Этот подход позволяет передавать динамическую логику и данные между компонентами, обеспечивая гибкость в рендеринге.
Как происходит render в React?
Рендеринг в React происходит в два этапа: первый — это виртуальный рендер, когда React создает виртуальный DOM, а второй — это обновление реального DOM. Когда изменяется состояние или пропсы, React вычисляет различия между предыдущим и новым виртуальным DOM и обновляет только те части реального DOM, которые изменились, что делает рендеринг эффективным.
Что такое Vendor-Prefixes?
Vendor-prefixes — это префиксы, добавляемые к CSS-свойствам и значениям, чтобы обеспечить поддержку новых функций в различных браузерах.
Например, -webkit- для браузеров на основе WebKit (Chrome, Safari), -moz- для Firefox и -ms- для Internet Explorer.
Использование префиксов позволяет разработчикам экспериментировать с новыми свойствами до их окончательной стандартизации и широкого внедрения.
Что такое Server-Side Rendering (SSR) и какие преимущества он дает? (SEO, первоначальный рендеринг на сервере)
SSR — это процесс рендеринга React-приложения на сервере в HTML на каждый запрос. Это улучшает SEO, так как поисковые боты видят готовый контент, и ускоряет первоначальную загрузку страницы для пользователя, потому что браузер сразу получает готовую для отображения разметку.
Можно ли в Next.js работать с базой данных или другими API на стороне сервера?
Да, абсолютно. В Next.js можно и нужно напрямую обращаться к базам данных или внутренним API из Server Components, Server Actions или API Routes. Ключи доступа и логика остаются на сервере, никогда не попадая в клиентский код, что обеспечивает безопасность
Работал ли с Module Federation?
В чем плюсы и минусы TS.
Какими способами можно взаимодействовать с backend (axios, fetch и т.д.)?
Что такое Monorepo и какие задачи он решает во frontend-разработке?
Какие инструменты используются для работы с Monorepo во frontend?
Рейтинг:
2
Сложность:
6
Module Federation — это технология, встроенная в Webpack 5, которая позволяет нескольким независимым JavaScript-приложениям динамически импортировать код друг у друга во время выполнения. Это основа для архитектуры Micro Frontends. Она позволяет разбить одно большое приложение (монолит) на более мелкие, автономные части, которые могут разрабатываться, развертываться и обновляться независимо друг от друга, но при этом работать как единое целое в браузере пользователя.
Рейтинг:
2
Сложность:
7
TypeScript добавляет статическую типизацию, что улучшает качество кода и уменьшает ошибки. Однако он требует компиляции и имеет более сложную настройку. Подходит для больших проектов и командной разработки.
Рейтинг:
4
Сложность:
4
Для взаимодействия с бэкендом используются: нативный fetch API, библиотека axios, XMLHttpRequest (устаревший), WebSocket для реального времени, GraphQL клиенты, и специализированные SDK. Выбор зависит от требований к функциональности, совместимости и предпочтений команды.
Рейтинг:
5
Сложность:
6
Monorepo — это подход, при котором несколько проектов или пакетов хранятся в одном репозитории. Такой подход упрощает совместное использование кода, синхронизацию зависимостей и поддержку единых стандартов. Он часто применяется в больших командах и экосистемах с несколькими frontend-приложениями. Monorepo помогает снизить дублирование кода и упростить рефакторинг. При этом требует более сложных инструментов для сборки и управления зависимостями.
Рейтинг:
4
Сложность:
5
Для работы с Monorepo используют специальные инструменты, которые помогают управлять зависимостями, сборкой и запуском проектов. Самые популярные из них — Nx, Turborepo и Lerna. Также часто применяются Yarn Workspaces или pnpm Workspaces. Эти инструменты позволяют оптимизировать сборку и упростить разработку в больших репозиториях.
Рейтинг:
3
Сложность:
6
Рейтинг:
4
Сложность:
5
Рейтинг:
3
Сложность:
8
Рейтинг:
2
Сложность:
7
Рейтинг:
2
Сложность:
7
