Widget de documentación de la aplicación - React

ya hemos explicado algunas de las beneficios de la documentación contextual docid 5crzhxzhcivroxucil1mb en el capítulo anterior esta guía sirve como una alternativa para react y nextjs aplicaciones para integrar el widget de la aplicación archbee de una manera más elegante integrar el widget de la aplicación instala nuestro paquete npm https //www npmjs com/package/@archbee/app widget # con npm $ npm install save @archbee/app widget \# o con yarn $ yarn add @archbee/app widget cuando el paquete esté instalado, ve a tu archivo jsx/tsx e instancia el componente react import react from 'react'; import { archbeeappwidget, abwidgetref } from '@archbee/app widget' function app() { const widgetref = useref\<abwidgetref>(null); return ( \<div> \<archbeeappwidget ref={widgetref} spaceid={ / published space id / } onwidgetopen={() => { / / }} // función callback llamada después de que el widget se abra onwidgetclose={() => { / / }} // función callback llamada después de que el widget se cierre \> \<button type='button' onclick={() => { \<! abre el widget > widgetref current? open(); }}> abrir \</button> \<button type='button' onclick={() => { \<! cierra el widget > widgetref current? close(); }}> cerrar \</button> \<button type='button' onclick={() => { \<! obtiene la instancia del widget si es necesario para varias manipulaciones de eventos > widgetref current? instance(); }}> obtener instancia del widget \</button> \</archbeeappwidget> \</div> ); } también puedes consultar la información desde configuración del espacio selecciona tu espacio dentro del editor haz clic en el icono de engranaje (⚙️) para entrar en configuración ve a integración del widget haz clic en la pestaña react y luego en el botón de copiar, y pega el código en tu archivo tsx/ jsx ahora, el widget manejará todo tras bambalinas no te preocupes, todo está empaquetado y minimizado es una descarga de apenas 56kb y se carga de forma asíncrona, así que tus usuarios no notarán la diferencia propiedades del componente propiedad tipo requerido descripción los tokens compartibles están disponibles en el plan scaling https //www archbee com/pricing lea más sobre controles de acceso público docid\ ehxgwae9tjmwintd8vfqf métodos de referencia si ref no se pasa a archbeeappwidget , los elementos secundarios abrirán automáticamente la ventana modal emergente al hacer clic propiedad tipo descripción open method abre el widget mediante programación close method cierra el widget mediante programación instance method devuelve la instancia del widget