ТОП 10 вопросов на собеседовании ReactJS

• Вопросы на собеседованиях могут быть разными и зависят от интервьюера.  

• Вопросы могут касаться задач, декомпозиции процессов, библиотек React, Redux, Saga, Flux.  

• Вопросы могут быть формальными для проверки знаний React или специфичными для классовых компонентов.  

• Обновление компонентов может происходить через изменение состояния, рендеринг родительского компонента или использование функции forceUpdate.  

• В функциональных компонентах forceUpdate можно смоделировать с помощью useReducer.  

• Пример использования forceUpdate для обновления состояния компонента.  

• Рендеринг не всегда приводит к визуальным изменениям.  

• Реакт может ререндерить компоненты без изменений, чтобы определить необходимость перерисовки.  

• Виртуальный дом используется для синхронизации виртуального и реального DOM.  

• Виртуальный дом хранит виртуальное представление интерфейса в памяти.  

• Используется библиотека ReactDOM для синхронизации виртуального и реального DOM.  

• Волокна Fiber используются для хранения информации о компонентах и их входных параметрах.  

• setState запускает следующую итерацию рендера асинхронно.  

• Реакт может оптимизировать процесс, объединяя несколько вызовов setState в один рендер.  

• Пример проверки асинхронности setState через вывод значения в консоль.  

• JSX в React позволяет писать HTML в компонентах.  

• Это синтаксический сахар для функции React.createElement.  

• Пример использования JSX для вызова компонента и получения объекта с данными для рендеринга.  

• Описание функционального компонента, который возвращает строку.  

• Бейбл обрабатывает вызовы функций и выводит их в React.  

• Типы элементов с маленькой буквы ссылаются на встроенные компоненты, а с заглавной буквы - на кастомные компоненты.  

• Реакт можно использовать без транспиляции, но это менее удобно.  

• Мема - компонент высшего порядка, юзмема - хук.  

• Мема используется для повышения производительности, избегая повторного рендеринга.  

• Юзмема возвращает мимоизированное значение функции, оптимизируя вычисления.  

• Чистые компоненты возвращают одинаковый результат при одинаковых пробсах и состоянии.  

• Они имеют лучшую производительность за счет поверхностного сравнения пробсов и стейта.  

• Для классовых компонентов используется метод жизненного цикла update.  

• Редак использует объекты JavaScript для хранения данных.  

• Ю контекст плюс редюсер использует функции редюсера без редакции.  

• Ю контекст не имеет всех возможностей редакции, таких как тайм-тревел дебаг.  

• Компоненты высшего порядка получают компонент в качестве аргумента и возвращают модифицированный компонент.  

• Они применяются для повторного использования логики и инжектирования зависимостей.  

• Примеры использования: мема, обзервер из мобикса, обстоит ту пробс.  

• Лок используется для логирования данных.  

• Лок принимает тип данных и сами данные для логирования.  

• Временно используется проверка на функцию лок.  

• Компоненты высшего порядка инжектируют лок в одном месте.  

• Функция лок принимает тип данных и отправляет их в консоль.  

• Компонент высшего порядка получает компонент и его проперти.  

• Компоненты высшего порядка удобны для тестирования.  

• Можно экспортировать обернутую версию компонента для тестирования.  

• Основные методы жизненного цикла можно реализовать с помощью хуков.  

• Ю-эффект и юзла я вот эффект запускаются в тех же фазах.  

• Некоторые методы жизненного цикла пока можно реализовать только с помощью классовых компонентов.  

• Ленивая загрузка оптимизирует работу приложения.  

• Реакт предлагает функцию лейзи для ленивой загрузки компонентов.  

• Компонент саспенс показывает запасное содержимое во время загрузки.  

• Структура проекта должна соответствовать ленивой загрузке.  

• Рекомендуется смотреть другие видео на канале о хуках и паттернах.  

• Призывы к подписке и лайкам.