Saltar al contenido principal
Versión: 0.81

Configuración de bibliotecas locales

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

Una biblioteca local contiene vistas o módulos específicos de tu aplicación que no están publicados en un registro. Esto difiere de la configuración tradicional porque está desacoplada del código nativo de tu aplicación.

La biblioteca local se crea fuera de las carpetas android/ e ios/, utilizando autolinking para integrarse con tu aplicación. La estructura con una biblioteca local podría verse así:

plaintext
MyApp
├── node_modules
├── modules <-- folder for your local libraries
│ └── awesome-module <-- your local library
├── android
├── ios
├── src
├── index.js
└── package.json

Al existir fuera de las carpetas android/ e ios/, facilita futuras actualizaciones de React Native, copia a otros proyectos, etc.

Para crear bibliotecas locales usaremos create-react-native-library. Esta herramienta incluye todas las plantillas necesarias.

Comenzando​

Dentro de la carpeta raíz de tu aplicación React Native, ejecuta el siguiente comando:

shell
npx create-react-native-library@latest awesome-module

Donde awesome-module es el nombre que desees para el nuevo módulo. Tras completar los pasos, tendrás una nueva carpeta llamada modules en el directorio raíz de tu proyecto que contiene el módulo.

Vinculación​

Por defecto, la biblioteca generada se vincula automáticamente usando el protocolo link: con Yarn y file: con npm:

json
"dependencies": {
  "awesome-module": "file:./modules/awesome-module"
}

Esto crea un symlink a la biblioteca en node_modules, lo que permite que funcione el autolinking.

Instalación de dependencias​

Para vincular el módulo necesitas instalar dependencias:

shell
npm install

Uso del módulo en tu aplicación​

Para usar el módulo dentro de tu aplicación, impórtalo por su nombre:

js
import {multiply} from 'awesome-module';