Я работаю над проектом React, который сначала будет мобильным, и я использую Material-UI для разработки своих компонентов. Мои мобильные / настольные компоненты визуализируются с использованием элемента material-ui <Hidden>, чтобы выяснить, нужны ли они для визуализации.
Я, очевидно, неохотно отправляю весь дополнительный код, когда он не нужен ни на одном мобильном или рабочий стол, но я не вижу много дискуссий о том, как этого добиться. Я начал думать о ленивой загрузке своих компонентов, чтобы они никогда не рендерились, если не нужны, но это может немного помочь моей производительности, а не моей проблеме с доставкой ненужного кода, верно? Есть ли какой-либо предпочтительный подход к этому, который может включать только внешний интерфейс, так как мой серверный сервер работает на Firebase без сервера?