Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

More clear documentation on Dynamic Imports

Abierto
#1,081 0 comentarios 10 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
42/100
Tipo de issue
Documentación
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, react, react-native

Línea de trabajo

Comienza con la sección de la documentación de la API del módulo Metro sobre la importación dinámica y verifica cómo se comporta import() en las compilaciones de desarrollo frente a las de release. Aclara si las compilaciones de release conservan la carga diferida o vuelven a la carga eager, y actualiza la documentación para que el comportamiento de carga durante el inicio no sea ambiguo.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Currently, I'm exchanging some lazy loaded routes, that uses functions wrapping "require" in favor of dynamic imports in combination of React.lazy and Suspense.

The problem is, although in development I see in the docs Metro will indeed lazy evaluate the lazy loaded modules, isn't clear that this will actually happen on production too:

"import() calls are supported out of the box. In React Native, using import() automatically splits your application code so that it loads faster during development, without affecting release builds."

from https://facebook.github.io/metro/docs/module-api/#import-dynamic-import

So, it will not affect release builds because is retro compatible to require, or because instead of lazy loading it will statically load for production (in contrast to development)? The docs seems not much clear about it :/

I just need to ensure that the whole app will not be loaded at once on startup and change the current behaviour I'm achieving by using () => require() functions on my navigations.

Thanks in advance! :)

Lenguaje dominante
JavaScript
Estrellas
5.6k
Forks
702
Merge medio
3 d 7 h
PR fusionados (30 d)
63

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react/metro

Todos los issues de react/metro

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.