Incorporación de BI de autoservicio en aplicaciones React con Node.js

En el mundo actual basado en datos, es imprescindible integrar paneles y capacidades de análisis directamente dentro de las aplicaciones SaaS. Hay muchos beneficios en la incorporación de análisis, incluido un tiempo de comercialización más rápido, mayor productividad y rendimiento, y crecimiento de las ganancias.

La incorporación de análisis en sus aplicaciones de React aporta información relevante y oportuna directamente dentro del flujo de trabajo de su usuario, promoviendo una cultura basada en datos y fomentando un pensamiento más analítico.

Como solución de análisis integrada, Reveal puede ayudarlo a lograrlo.

Reveal le ayuda a incrustar fácil y rápidamente paneles e informes interactivos en sus aplicaciones React con funciones de análisis como edición en contexto, combinación de datos, vinculación de paneles, campos calculados y mucho más.

En este artículo, veremos cómo puedes implementar Reveal en tus aplicaciones basadas en React con Node.js.

Si es nuevo en Reveal, puede obtener más información sobre nuestro producto haciendo un recorrido por nuestro sitio web o viendo nuestro video de descripción general del producto Reveal.

¿Por qué debería integrar BI en sus aplicaciones React?

Independientemente del propósito de su aplicación React, las capacidades de análisis integradas le brindarán enormes oportunidades para optimizar los flujos de trabajo, administrar recursos y optimizar el rendimiento. Las herramientas de BI, como gráficos, tablas y paneles de control, también tienen la capacidad de mejorar la alfabetización de datos en toda la organización. La alfabetización de datos, que es la capacidad de leer, comprender, crear y comunicar datos como información, ayuda a los usuarios a tomar decisiones mejores y más inteligentes. La toma de decisiones basada en datos es muy importante, ya que se basa en hechos y no en conjeturas y corazonadas. Con el acceso a la analítica, todo el mundo puede tomar decisiones más inteligentes con confianza y en el momento del impacto.

Incrustación de análisis en sus aplicaciones de Reveal React con Node.js

Reveal análisis integrados le ayuda a integrar fácilmente informes interactivos, paneles y mucho más en sus aplicaciones React. Con características como el aprendizaje automático, la vinculación de paneles, las funciones estadísticas, los campos calculados, el análisis de datos enriquecidos, el autoservicio, la marca blanca, la combinación de datos y más, Reveal puede agregar un gran valor a cualquier aplicación basada en React.

Más aún, integrar BI en sus aplicaciones React es muy fácil con el SDK nativo de Reveal, lo que le permite incrustar análisis en sus aplicaciones sin requisitos adicionales. La arquitectura flexible y las API enriquecidas de Reveal le brindan control de las funciones de su aplicación, lo que la convierte en una parte integral de la experiencia del usuario.

Por lo tanto, sigamos adelante e insertemos análisis en su aplicación React con el SDK de Reveal.

En este tutorial, usaremos un servidor Node.js.

*Ya tenemos un servidor Node.js. Para aprender a crear uno para ti, echa un vistazo a este tutorial paso a paso sobre cómo configurar el servidor SDK de Reveal con Node.js.

1. Agregue las referencias de script necesarias a index.html

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet" type="text/css">       

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> 
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script> 
<script src="https://cdn.quilljs.com/1.3.6/quill.min.js"></script> 
<script src="https://dl.revealbi.io/reveal/libs/1.3.1/infragistics.reveal.js"></script>

2. Agregue un <div> en app.tsx que se usará para representar RevealView

function App() { 

  return ( 

    <div id="revealView" style={{height: "100vh", width: "100%"}}></div> 

  ); 

}

3. Inicialice el objeto RevealView en app.tsx y cargue un Tablero

useEffect(() => {     

    $.ig.RVDashboard.loadDashboard(dashboardId).then((dashboard: any) => { 

      var revealView = new $.ig.RevealView("#revealView"); 

      revealView.dashboard = dashboard; 

    }); 

  }, [dashboardId]);

En solo 3 sencillos pasos, tiene los conceptos básicos para cargar un tablero en Reveal.  Para ver el tutorial completo, vea este vídeo con nuestro vicepresidente sénior de herramientas para desarrolladores, Jason Beres, que le guiará paso a paso sobre la carga y recuperación de paneles de una aplicación React.

Asegúrese de ver nuestros otros vídeos, en nuestro canal de YouTube, para obtener información más detallada sobre la analítica integrada y la inteligencia empresarial y la importancia de los datos para las empresas. Estamos cubriendo temas como la incrustación de análisis en aplicaciones HTML de Angular, Blazor y JavaScript, cómo crear un panel de BI incrustado y más. No olvides suscribirte para no perderte ningún vídeo futuro de nuestros expertos.

Y si estás intentando incrustar análisis en tus aplicaciones de Reveal React con Node.js pero tienes algún problema en el camino, ponte en contacto con nuestro equipo de productos a través de nuestro canal de Discord.

También puede obtener más información sobre Reveal y cómo funciona programando un recorrido gratuito por el producto. Alternativamente, también puede descargar nuestro SDK para probarlo usted mismo.