Вопросы React Frontend Developer

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

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

Да, изменение props всегда вызывает ререндер компонента (если только он не мемоизирован через React.memo или shouldComponentUpdate). Однако React не ререндерит дочерние компоненты, если их props не изменились.

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

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

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

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