Вложенные функции меню - учитывающие технологии

Question

Длительное пребывание сделано коротким, маркетинг со всей нашей картой сайта (5000 страниц) в одном меню. После 1 года борьбы с этим на этом нет выигрыша, и мы должны его реализовать.

В настоящее время мы оцениваем технологии, которые помогут нам принять это решение.

Некоторые пункты меню будут иметь рекурсивные вложенные уровни. 5 предметов в глубину (безумный, я знаю).

Данные приводятся из JSON, потому что наша карта сайта хранится в XML в архаичной CMS (Ektron).

Я рассматриваю React, но ответа не может быть. Мы ищем библиотеку JavaScript, которая поможет нам достичь этого и повысить производительность. В настоящее время только для нашего меню требуется 4 секунды для загрузки на настольный компьютер с половинным приличным подключением к Интернету.

Вопрос; Использует ли React для этого хорошую идею? Если нет, есть ли другие варианты для нас.

Большое спасибо.

Answer 1

Посмотрите на React Infinite

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