React Frontend Developer

Question 1

Какие преимущества и недостатки у React Router DOM по сравнению с альтернативными библиотеками (например, Next.js маршрутизацией)?

Accepted Answer

React Router DOM предоставляет большую гибкость и интеграцию с любыми фреймворками и библиотеками на базе React, в то время как Next.js использует встроенную маршрутизацию и может предлагать оптимизации для серверной стороны.

Question 2

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

Accepted Answer

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

Question 3

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

Accepted Answer

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

Question 4

Как браузер читает JSX?

Accepted Answer

Браузеры не могут напрямую читать JSX, так как это не валидный JavaScript. Для того чтобы браузер мог его исполнить, JSX необходимо транспилировать (преобразовать) в обычный JavaScript. Это обычно делается с помощью инструментов, таких как Babel, которые преобразуют JSX в вызовы функций, понятные браузеру.

Question 5

Что такое JSX????

Accepted Answer

JSX (JavaScript XML) — это расширение синтаксиса JavaScript, которое позволяет писать HTML-подобный код прямо в JavaScript. Он используется в React для описания того, как должен выглядеть интерфейс. JSX упрощает создание компонентов, объединяя разметку и логику в одном месте.

Пример:

const element = <h1>Привет, мир!</h1>;

Под капотом JSX преобразуется в вызовы функций, например:

React.createElement('h1', null, 'Привет, мир!');

Привет, мир!

;Под капотом JSX преобразуется в вызовы функций, например:React.createElement('h1', null, 'Привет, мир!');

Question 6

Что такое microdata, и как она используется для структурирования данных на странице? В чем преимущества перед JSON-LD и RDFa?

Accepted Answer

Microdata — это формат, встроенный в HTML, который помогает структурировать данные на странице, чтобы поисковые системы и другие сервисы могли легко их распознать и интерпретировать. Используя атрибуты вроде itemprop и itemscope, разработчики могут описывать сущности, например, товары или статьи. В отличие от JSON-LD, который хранится отдельно от основного HTML-кода, microdata добавляется непосредственно в разметку страницы, что может быть проще для интеграции, но менее гибко для изменения. RDFa — это другая альтернатива, которая может интегрироваться с любыми HTML-элементами.

Question 7

Является ли setTimeout и setInterval стандартом языка JS?

Accepted Answer

setTimeout и setInterval не являются частью стандарта языка JavaScript (ECMAScript). Они предоставляются средой выполнения, например, браузером (как Web APIs) или Node.js. В спецификации ECMAScript нет упоминаний об этих функциях. Они используются для планирования асинхронных операций, но их реализация зависит от платформы.

Question 8

Что такое JSON, для чего его используют и какие методы есть?

Accepted Answer

JSON (JavaScript Object Notation) — это текстовый формат для представления данных в виде объектов и массивов. Он используется для обмена данными между клиентом и сервером. Для работы с JSON в JavaScript используются методы JSON.stringify() для преобразования объекта в строку и JSON.parse() для преобразования строки в объект.

Вопросы React Frontend Developer