Вопросы React Frontend Developer

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

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

Изменение props вызывает ререндер компонента. По умолчанию при ререндере родителя ререндерятся и его дочерние компоненты, даже если их props не изменились. Чтобы этого избежать, используют мемоизацию (React.memo, shouldComponentUpdate, PureComponent).

1. Используйте React.memo для мемоизации компонента.

2. Передавайте примитивные пропсы (числа, строки).

3. Для сложных объектов — useMemo/useCallback.

Примитивы (строки, числа) сравниваются по значению, а объекты/массивы — по ссылке. Это делает проверку изменений быстрее.