Как можно избежать каскадного ре-рендеринга дочерних компонентов при изменении state в родительском компоненте?

Сначала размещайте состояние ближе к тем компонентам, которым оно нужно. Для остальных помогают композиция и React.memo при стабильных props.

Не создавайте новые объекты и callbacks без необходимости, если они пересекают границу мемоизации; useMemo/useCallback применяйте по измерениям. Context тоже может обновлять потребителей, поэтому его разделяют по смыслу. Полное отсутствие рендеров не самоцель: важно убрать дорогую ненужную работу, сохранив корректное обновление интерфейса.