Можно ли предварительно загрузить компонент перед переходом к нему?
Навигация в моем приложении выглядит немного странно, потому что всегда есть промежуток времени (даже если это просто доля секунды), когда страница пуста, между инициализацией и завершением первого вызова рендеринга.
Я сделал все возможное, чтобы компонент мог рендериться как можно быстрее. У меня кешируются мои изображения, и все данные доступны перед переходом к компоненту в моем магазине редуксов. Я получаю зарегистрированное время 51 мс между constructor а также componentDidMount что кажется незначительным, но этого достаточно, чтобы вы могли визуально увидеть вспышку компонента на экране.
Мне интересно, есть ли способ предварительно загрузить компонент и убедиться, что он отображается перед отображением экрана. Поскольку это приложение с естественной реакцией, я не могу просто "сделать его вне экрана", а затем использовать его, когда я буду готов, насколько я знаю, но я могу ошибаться. Однако мы также не хотим, чтобы все наши экраны отображались постоянно.
Будучи в состоянии сделать что-то вроде..
Preloader.preload(<MyComponent />)
.then(navigate('myComponent'))
Было бы очень приятно. Иногда компоненты имеют большие списки, которые требуют рендеринга. Возможность иметь список уже там, когда представление скользит по экрану, заставит поток приложения чувствовать себя намного лучше.