1. Что такое React и объясните основные особенности React?

React — это внешняя JS-библиотека с открытым исходным кодом, используемая для создания веб-интерфейса, особенно для одностраничных приложений (SPA).

Основные характеристики: 1. Использует виртуальный DOM вместо RealDOM 2. Поддерживает рендеринг на стороне сервера (SSR) 3. Следует за однонаправленным потоком данных 4. Использует повторно используемые компоненты пользовательского интерфейса

2. Как работает React?

  • React создает виртуальный DOM → Когда состояние компонентов изменяется, он сначала запускает алгоритм сравнения → Алгоритм определяет, что изменилось в DOM.
  • Второй шаг — «Согласование», при котором DOM обновляется в соответствии с результатами алгоритма сравнения.

3. Разница между компонентами класса и функциональными компонентами?

  • Компоненты класса: это позволяет нам использовать дополнительные функции, такие как локальное состояние и перехватчики жизненного цикла.
  • Функциональные компоненты: когда компоненты просто получают свойства и отображают их на странице, это компонент без состояния, для которого можно использовать функцию.

4. Разница между состоянием и реквизитом?

  1. Реквизит: используется для передачи данных от родителя к дочернему или самим компонентом. Реквизит неизменяем
  2. Состояние: состояние изменчиво, может быть изменено с течением времени

5. Что такое события React?

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

6. Что такое React Hooks?

Хуки React — это новое дополнение к React V16.8. Они позволяют вам использовать состояние и другие функции реагирования без создания класса.

7. Преимущества использования React Hooks?

Используя хуки реакции, вы можете избежать использования методов жизненного цикла, таких как `componentDidMount, componentDidUpdate и т. д..

8. Объяснить различные этапы методов жизненного цикла?

→ Инициализация: на этом этапе компонент устанавливает начальное состояние и реквизиты. → Монтирование: Этот этап охватывает * componentDidMount * componentWillMount → Обновление: *shouldComponentUpdate * componentWillUpdate * componentDidUpdate → Размонтирование: * componentWillUnmount

9. Почему мы используем строгий режим?

  • Этакий вспомогательный компонент
  • Помочь вам написать лучший реагирующий компонент

10. Что такое ХОС?

→ Компонент более высокого порядка — это продвинутая техника в React для повторного использования логики компонента.

→ Это функция, которая принимает компонент и возвращает новый компонент.

→ Позволяет повторно использовать код, логику и абстракцию начальной загрузки