es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: REACT-LAZY-LOAD

Cómo dividir el código en múltiples rutas de React en un solo archivo?

Actualmente tengo las siguientes importaciones de componentes perezosos: const LazyDashboard = React.lazy(() => import(‘./pages/app/Dashboard’)); const LazyProfile = React.lazy(() => import(‘./pages/app/Profile’)); Luego, en las rutas: {userToken && <> <route exact=”” path=”/app” element=””></route><lazydashboard></lazydashboard>}/> <route exact=”” path=”/app” element=””></route><lazyprofile></lazyprofile>}/> } Al ir al dashboard, se carga un fragmento. ¡Bien! Al ir al perfil, se . . . Read more

Carga perezosa de componentes React bajo SSR

Tengo una aplicación de ReactJS construida con react-lazy-load-image-component para mejorar el rendimiento. Mi código envuelve componentes que tardan en inicializarse con algo como: <h2 classname=”{styles.sectionTitle}”>Categories</h2> <row> {categories && categories.map((category, index) => { if (category.image) { return ( <col xs=”{6}” md=”{4}” key=”{index}” classname=”{[” ‘col-xs-4=”” col-md-4=”” col-lg-4=”” col-xl-3’,=”” styles.thumbnail=”” ].join(‘=”” ‘)}=””> <lazyloadcomponent> . . . Read more