Блокировка пользовательского интерфейса при рендеринге данных в ReactJS

#javascript #reactjs #performance #user-interface #concurrency

#javascript #reactjs #Производительность #пользовательский интерфейс #параллелизм

Вопрос:

У меня есть боковая панель и контейнер, когда я нажимаю на любую ссылку на боковой панели, контейнер загружает свой компонент и отображает его данные. при нажатии на ссылки на боковой панели на боковой панели появляется анимация, которая застревает при отображении данных, которые я выяснил, что при рендеринге весь пользовательский интерфейс перестает отвечать на запросы в течение нескольких миллисекунд, как решить проблемы такого типа, любая помощь??? Я пытался использовать React.Memo() для оптимизации рендеринга, но ничего не работает, я думал, что это однопоточная проблема, но не знаю, как ее решить См. Анимация Застряла при визуализации данных

Комментарии:

1. Здравствуйте, было бы полезно, если бы вы могли поделиться примером (например, песочницей).

2. @antoineso пожалуйста, проверьте вложение img, которое я обновил