---
title: "React: ¿Cómo funcionan el paquete y las licencias?"
slug: "react-paket-und-lizenzierung"
category: "FAQ"
hosts: "react"
locale: "es"
description: "Detalles de la integración React: instalar el paquete npm, prueba local y cómo funciona la licencia en producción."
---

# React: paquete y licencias

`@arcrider/arcwidgets-react` incluye los componentes, estilos, tipos y ejemplos completos. El runtime se integra en tu aplicación. Esta documentación describe `0.1.0-alpha.5`.

## Desarrollo local

Instala el paquete como se describe en [Configurar React](/docs/react/intro/setup-react). En `localhost` y `127.0.0.1` no aparece aviso de licencia. Los mini widgets tampoco necesitan desbloqueo premium en producción según las condiciones de uso.

## Widgets premium en un dominio en vivo

Dos pasos: Ultimate para el proyecto, y el dominio de producción guardado en el proyecto. Debajo aparece un fragmento de licencia. Pégalo una vez en la app antes de que arranquen los widgets — como primera línea en `main.tsx` o como script en `index.html`.

```js
window.ArcWidgetsLicenseKeys = ["…"];
```

El dominio guardado por sí solo no activa la app. El fragmento es la activación. `localhost` no lo necesita. Si cambias el dominio, copia el fragmento nuevo una vez. No hace falta sustituir el código de los widgets.

Un dominio cubre el propio dominio y todos sus subdominios (`firma.de` cubre también `app.firma.de`). Una dirección en un host ajeno, por ejemplo `name.netlify.app`, es un dominio propio. Más adelante la sustituyes por el dominio real y cambias el fragmento.

## Aviso de licencia

En un dominio en vivo sin este fragmento, los widgets premium pueden mostrar un aviso en la interfaz y en la consola. Los controles siguen funcionando. Cada dominio guardado entra en el fragmento. `localhost` sigue siendo gratis.

[Resumen de componentes](/docs/react/intro/react-components) · [Precios y modelo de proyecto](/docs/react/faq/wie-sich-preise-zusammensetzen).