Я знаю, что это общая тема, но это сужает основные варианты там.
Какая опция ниже обеспечивает наилучшую производительность при использовании D3 в приложении React.js?
Поместите D3 в ловушки React Lifecycle method или React 16 Hooks , чтобы обновить состояние: componentDidMount или useState. (И используйте Redux)
Используйте подход Reaction-Faux-DOM .
Концепция состоит в том, что D3 получает поддельный DOM, который реализует все методы
было бы ожидать, что DOM будет. Этим поддельным DOM манипулирует D3
а затем автоматически отображается как элементы React, хранящиеся в
состояние компонента, в котором React может регистрировать изменения и запускать
обновление, включая методы жизненного цикла и согласование, как вы бы
ожидать.
Тибо Тибергиен
- Чтобы использовать React D3 Library , основанную на компонентах. Например: vx library