React Frontend Developer

Question 1

Для чего используется функция connect в React Redux? Какие параметры принимает?

Accepted Answer

connect связывает React-компоненты с состоянием и действиями Redux. Она принимает две функции: mapStateToProps для подключения состояния и mapDispatchToProps для передачи действий в компонент. В результате компонент получает доступ к необходимым данным и возможностям изменения состояния.

Question 2

Что такое рабочий процесс Gitflow?

Accepted Answer

Gitflow — это стратегия ветвления, которая делит разработку на несколько веток: main для релизов, develop для активной разработки и дополнительные ветки для новых функций, исправлений багов и релизов. Этот процесс удобен для крупных проектов с чёткими этапами разработки.

Question 3

Как работают функции calc(), var(), clamp() и как они могут быть полезны для динамического расчета значений?

Accepted Answer

Функции calc(), var(), clamp() позволяют выполнять вычисления внутри CSS. • calc() используется для арифметических операций• var() — для использования CSS-переменных• clamp() помогает задавать значения с минимальным и максимальным ограничением

Question 4

Тест 1

Accepted Answer

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

Question 5

Разница между arrow function и function declaration

Accepted Answer

Стрелочные функции (() => {}) и обычные функции (function() {}) ведут себя по-разному:Контекст (this) – В стрелочных функциях this берется из внешней области, а в обычных – зависит от вызова.Синтаксис – Стрелочные функции короче, но не имеют arguments и не могут быть конструкторами (new).Hoisting – Обычные функции можно вызвать до объявления, а стрелочные – нет.

Question 6

Что такое чистая функция?

Accepted Answer

Чистая функция — это функция, которая:- Всегда возвращает одинаковый результат для одинаковых аргументов.- Не имеет побочных эффектов (не изменяет внешние данные).Пример: const sum = (a, b) => a + b;

Question 7

Расскажите про this и контекст?

Accepted Answer

В JavaScript this — это ссылка на текущий контекст выполнения, который зависит от того, как вызвана функция. В методах объектов this ссылается на сам объект, а в обычных функциях — на глобальный объект или undefined в строгом режиме. Значение this может быть явно изменено с помощью методов call, apply и bind.

Question 8

Какого типа данных функция?

Accepted Answer

В JavaScript функции являются объектами первого класса. Это значит, что функции можно передавать в качестве аргументов, возвращать из других функций и присваивать переменным. Тип данных функции — это объект, и у функций могут быть свойства и методы, такие как .call(), .apply() и .bind().

Question 9

Что такое rest оператор?

Accepted Answer

Rest оператор (...) используется в JavaScript для сбора оставшихся аргументов в массив при определении функции. Он позволяет передавать переменное количество аргументов и легко работать с ними, не заботясь о том, сколько аргументов будет передано. Это особенно удобно, когда необходимо обрабатывать множество значений.

Question 10

Что такое замыкания в JavaScript и почему они важны?

Accepted Answer

Замыкание — это функция, которая "запоминает" свою область видимости даже после того, как внешняя функция, в которой она была объявлена, завершила выполнение. Замыкания позволяют создавать функции с доступом к переменным из внешней функции, что полезно для работы с приватными данными и сохранения состояния между вызовами функции.

Вопросы React Frontend Developer