Как часть нашего портала приложений, мы позволяем владельцам приложений определять «правила видимости» своих приложений, что позволяет им иметь любое количество записей. Некоторые из них имеют большое количество записей (20+). И это в дополнение к другим разделам той же формы, которые также имеют возможность иметь большое количество записей. Все эти разделы являются написанными нами пользовательскими компонентами.
Например, компонент Visibility имеет React.Fragment, содержащий заголовок и компонент формы. Также в этом компоненте есть раздел, содержащий выпадающий список, два флажка и кнопку для каждого определенных правил видимости. А поскольку это React, даже такая простая вещь, как установка флажка, может вызвать render() вызов родительского компонента, что, очевидно, приведет к рендерингу этого раздела (который сам является отдельным компонентом).
Основной вопрос, который у меня есть c, заключается в следующем: что я могу сделать, чтобы попытаться уменьшить визуализацию этой страницы, на которой есть большое количество компонентов? Это так просто, как не устанавливать состояние при каждом взаимодействии с некоторыми из этих компонентов? Было бы лучше разбить эту страницу на отдельные вкладки? Я по натуре разработчик REST-сервисов, но у меня также есть обязанности по поддержке пользовательского интерфейса, который я изучаю, но, безусловно, не являюсь экспертом (пока).
Буду признателен за любые подсказки.