Incrustación de BI de autoservicio en aplicaciones React con Node.js
Incorporar análisis en sus aplicaciones React brinda 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.
Bilyana Petrova
5 minutos de lectura
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.
Incorporar análisis en sus aplicaciones React brinda 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 integrar 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 puede implementar Reveal en sus 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, también tienen la capacidad de mejorar el conocimiento de los datos en toda una organización. La alfabetización en datos, que es la capacidad de leer, comprender, crear y comunicar datos como información, ayuda aún más 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 e intuiciones. Con acceso a análisis, todos pueden tomar decisiones más inteligentes con confianza y en el momento del impacto.
Incorporación de análisis en sus aplicaciones Reveal React con Node.js
Los análisis integrados Reveal lo ayudan a integrar fácilmente informes interactivos, paneles y más en sus aplicaciones React. Con características como aprendizaje automático, vinculación de paneles, funciones estadísticas, campos calculados, análisis de datos enriquecidos, autoservicio, etiquetado blanco, combinación de datos y más, Reveal puede agregar un valor enorme 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 incorporar 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, convirtiéndola en una parte perfecta de la experiencia del usuario.
Entonces, sigamos adelante e incorporemos análisis en su aplicación React con Reveal SDK.
En este tutorial, usaremos un servidor Node.js.
*Ya tenemos un servidor Node.js. Para aprender a crear uno para usted, consulte este tutorial paso a paso sobre cómo configurar el servidor Reveal SDK 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, tendrá los conceptos básicos para cargar un panel en Reveal. Para ver el tutorial completo, mire este video con nuestro vicepresidente senior de herramientas de desarrollo, Jason Beres, que lo guiará paso a paso sobre cómo cargar y recuperar paneles desde una aplicación React.
Asegúrese de ver nuestros otros videos, en nuestro canal de YouTube, para obtener información más detallada sobre análisis integrados e inteligencia empresarial y la importancia de los datos para las empresas. Cubrimos temas como la incorporación de análisis en aplicaciones HTML Angular, Blazor y JavaScript, cómo crear un panel de BI integrado y más. No olvides suscribirte para no perderte ningún vídeo futuro de nuestros expertos.
Y si está intentando incorporar análisis en sus aplicaciones Reveal React con Node.js pero tiene algún problema en el camino, comuníquese con nuestro equipo de producto a través de nuestro canal 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.
