Importar componentes en React modo Pro

Hoy te mostraré cómo importar componentes de manera eficiente. Esto hará que su código sea más legible y conciso.

Pero antes de eso, veamos cómo solemos importar componentes.

En el código anterior, estamos importando cuatro componentes de una carpeta. ¿Qué pasa si queremos importar varios componentes de diferentes carpetas?

Con solo agregar algunos componentes más, nuestro código comienza a verse desordenado.

¿Qué pasaría si pudiéramos usar un solo archivo para importar todos los componentes?

Primero, crearemos un archivo index.js (/ts,/.tsx,/.jsx).

Luego, importaremos componentes del archivo index.js

Si comparamos nuestro primer ejemplo con el actual, puede ver que nuestro código parece mucho más legible y corto.

 

Nota:

También podemos utilizar la sintaxis " export from " para importar otros archivos.

Si desea leer más sobre la sintaxis de exportación, consulte: https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export