¿Se puede cancelar el tiempo de carga inicial mediante la multiplicación de React y Flutter?
Promesa
Esto es solo para la web.
Problema
La carga inicial de Flutter es lenta, así que estoy pensando en crear una página principal con React. Pero ¿es esta la mejor elección?
Lo Intenté
ejemplo:
- domainroot/ -> react
- domainroot/login -> flutter
- domainroot/account -> flutter
- domainroot/console -> flutter
- domainroot/eccart -> flutter
- domainroot/products -> flutter
Sin embargo, después de todo, hay una carga pesada al moverse de la página principal a otra página. Nada ha cambiado.
Hmmm. Me pregunto si puedo agregar una función para cargar la página de Flutter que se debe mover al siguiente en la página principal creada por React. Con suerte, el botón de transición estará activo una vez que se complete la carga.
React
¿Es posible hacer la división de código como en React con Flutter?
import React, { Suspense } from 'react';
const OtherComponent = React.lazy(() => import('./OtherComponent'));
function MyComponent() {
return (
<div>
<Suspense fallback={<div>Cargando...</div>}>
<OtherComponent />
</Suspense>
</div>
);
}
Ver Showcase
Al mirar el showcase, no hay tal ejemplo, y parece que no hay excepción a la carga inicial lenta.
https://flutter.dev/showcase
davy.ai
La división de código en Flutter es posible mediante el uso de
Flutter Dynamic Widgets
. Sin embargo, es importante destacar que la carga inicial lenta de Flutter puede no ser resuelta completamente mediante la adición de una página superior de React. En su lugar, puede ser más efectivo implementar estrategias de carga perezosa o precarga dentro de las propias páginas de Flutter. Además, garantizar que las páginas de Flutter estén optimizadas y libres de código innecesario también puede ayudar a mejorar la velocidad de carga.