Вопросы React Frontend Developer
Какие преимущества и недостатки у React Router DOM по сравнению с альтернативными библиотеками (например, Next.js маршрутизацией)?
Рейтинг:
5
Сложность:
7
React Router DOM предоставляет большую гибкость и интеграцию с любыми фреймворками и библиотеками на базе React, в то время как Next.js использует встроенную маршрутизацию и может предлагать оптимизации для серверной стороны.
Как использовать CSS-in-JS библиотеки (например, styled-components) в React-проектах?
Рейтинг:
5
Сложность:
10
CSS-in-JS библиотеки позволяют писать стили прямо в JavaScript коде. В styled-components стили создаются как компоненты, что упрощает динамическое изменение стилей на основе состояния и использования тем.
Как браузер читает JSX?
Рейтинг:
3
Сложность:
4
Браузеры не могут напрямую читать JSX, так как это не валидный JavaScript. Для того чтобы браузер мог его исполнить, JSX необходимо транспилировать (преобразовать) в обычный JavaScript. Это обычно делается с помощью инструментов, таких как Babel, которые преобразуют JSX в вызовы функций, понятные браузеру.
Что такое JSX?
Рейтинг:
2
Сложность:
2
JSX (JavaScript XML) — это расширение синтаксиса JavaScript, которое позволяет писать HTML-подобный код прямо в JavaScript. Он используется в React для описания того, как должен выглядеть интерфейс. JSX упрощает создание компонентов, объединяя разметку и логику в одном месте.
Пример:
const element = <h1>Привет, мир!</h1>;Под капотом JSX преобразуется в вызовы функций, например:
React.createElement('h1', null, 'Привет, мир!'); Что такое Node.js?
Рейтинг:
5
Сложность:
3
Node.js — это серверная платформа для выполнения JavaScript вне браузера, построенная на движке V8 от Google. Она позволяет писать серверные приложения, используя JavaScript, благодаря своей асинхронной и событийно-ориентированной архитектуре.
Node.js чаще всего используют для создания веб-серверов и обработки запросов в реальном времени.
Как добавить файл и JSON-данные в POST-запрос FastAPI?
Рейтинг:
3
Сложность:
7
FastAPI позволяет использовать File для загрузки файлов и Form для получения других данных в multipart-запросах.
Как вернуть данные в формате JSON с помощью FastAPI?
Рейтинг:
3
Сложность:
6
FastAPI автоматически сериализует данные в JSON при возвращении объекта Python (например, словаря или экземпляра Pydantic модели) из функции маршрута.
Как отправить данные JSON из фронтенда JavaScript на FastAPI?
Рейтинг:
3
Сложность:
7
Данные JSON можно отправить из JavaScript с помощью метода fetch или axios. FastAPI автоматически парсит тело запроса JSON и передает данные в обработчик маршрута.
Что такое microdata, и как она используется для структурирования данных на странице? В чем преимущества перед JSON-LD и RDFa?
Рейтинг:
1
Сложность:
7
Microdata — это формат, встроенный в HTML, который помогает структурировать данные на странице, чтобы поисковые системы и другие сервисы могли легко их распознать и интерпретировать. Используя атрибуты вроде itemprop и itemscope, разработчики могут описывать сущности, например, товары или статьи. В отличие от JSON-LD, который хранится отдельно от основного HTML-кода, microdata добавляется непосредственно в разметку страницы, что может быть проще для интеграции, но менее гибко для изменения. RDFa — это другая альтернатива, которая может интегрироваться с любыми HTML-элементами.
Что такое JSON, для чего его используют и какие методы есть?
Рейтинг:
3
Сложность:
4
JSON (JavaScript Object Notation) — это текстовый формат для представления данных в виде объектов и массивов. Он используется для обмена данными между клиентом и сервером. Для работы с JSON в JavaScript используются методы JSON.stringify() для преобразования объекта в строку и JSON.parse() для преобразования строки в объект.