Inserindo BI de autoatendimento em aplicativos React com Node.js

Inserindo BI de autoatendimento em aplicativos React com Node.js

A incorporação de análises em seus aplicativos React traz insights relevantes e oportunos diretamente no fluxo de trabalho do usuário, promovendo uma cultura orientada por dados e incentivando um pensamento mais analítico.

5 min de leitura

No mundo orientado por dados de hoje, a integração de painéis e recursos analíticos diretamente em aplicativos SaaS é uma obrigação. Há muitos benefícios em incorporar análises, incluindo tempo de lançamento no mercado mais rápido, maior produtividade e desempenho e crescimento dos lucros.

A incorporação de análises em seus aplicativos React traz insights relevantes e oportunos diretamente no fluxo de trabalho do usuário, promovendo uma cultura orientada por dados e incentivando um pensamento mais analítico.

Como uma solução de análise incorporada, Reveal pode ajudá-lo a conseguir isso.

Reveal ajuda você a incorporar painéis e relatórios interativos de maneira fácil e rápida em seus aplicativos React com recursos de análise, como edição no contexto, combinação de dados, vinculação de painéis, campos calculados e muito mais.

Neste artigo, veremos como você pode implementar Reveal em seus aplicativos baseados em React com Node.js.

PDF: Obtenha nosso ''Guia de implantação de BI incorporado de ponta a ponta'' GRATUITO, que detalha as fases de planejamento estratégico, seleção, desenvolvimento e melhoria contínua necessárias para uma implementação bem-sucedida. Baixe o PDF aqui!

Por que você deve incorporar BI em seus aplicativos React?

Não importa a finalidade do seu aplicativo React, os recursos de análise incorporados fornecerão enormes oportunidades para otimizar fluxos de trabalho, gerenciar recursos e otimizar o desempenho. Ferramentas de BI, como gráficos, tabelas e painéis, também têm a capacidade de melhorar a alfabetização de dados em uma organização. A alfabetização de dados, que é a capacidade de ler, entender, criar e comunicar dados como informações, ajuda ainda mais os usuários a tomar decisões melhores e mais inteligentes. A tomada de decisão baseada em dados é muito importante, pois é baseada em fatos, e não em suposições e instintos. Com acesso a análises, todos podem tomar decisões mais inteligentes com confiança e no momento do impacto.

Incorporando análises em seus aplicativos Reveal React com Node.js

Reveal análise incorporada ajuda você a incorporar facilmente relatórios interativos, painéis e muito mais em seus aplicativos React. Com recursos como aprendizado de máquina, vinculação de painéis, funções estatísticas, campos calculados, análise de dados avançada, autoatendimento, white-labeling, combinação de dados e muito mais, Reveal pode agregar um grande valor a qualquer aplicativo baseado em React.

Mais ainda, integrar o BI em seus aplicativos React é muito fácil com o SDK nativo do Reveal, permitindo que você incorpore análises em seus aplicativos sem requisitos adicionais. A arquitetura flexível e as APIs avançadas do Reveal oferecem controle dos recursos do seu aplicativo, tornando-o uma parte perfeita da experiência do usuário.

Então, vamos incorporar análises em seu aplicativo React com o SDK do Reveal.

Neste tutorial, usaremos um servidor Node.js.

*Já temos um servidor Node.js. Para saber como criar um para você, confira este tutorial passo a passo sobre como configurar o servidor SDK do Reveal com Node.js.

1. Adicione as referências de script necessárias ao 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. Adicione um <div> em app.tsx que será usado para renderizar o RevealView

function App() { 

  return ( 

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

  ); 

}

3. Inicialize o objeto RevealView no app.tsx e carregue um painel

useEffect(() => {     

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

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

      revealView.dashboard = dashboard; 

    }); 

  }, [dashboardId]);

Em apenas 3 etapas fáceis, você tem o básico para carregar um painel no Reveal.  Para o tutorial completo, assista a este vídeo com nosso vice-presidente sênior de ferramentas para desenvolvedores, Jason Beres, que explica passo a passo o carregamento e a recuperação de painéis de um aplicativo React.

Certifique-se de assistir aos nossos outros vídeos, em nosso canal do YouTube, para obter informações mais detalhadas sobre análises incorporadas e inteligência de negócios e a importância dos dados para as empresas. Estamos abordando tópicos como a incorporação de análises em aplicativos HTML Angular, Blazor e JavaScript, como criar um painel de BI incorporado e muito mais. Não se esqueça de se inscrever para não perder nenhum vídeo futuro de nossos especialistas.

E se você está tentando incorporar análises em seus aplicativos Reveal React com Node.js mas está enfrentando problemas no caminho, entre em contato com nossa equipe de produto por meio de nosso canal Discord.

Você também pode saber mais sobre Reveal e como ele funciona agendando um tour gratuito do produto. Como alternativa, você também pode baixar nosso SDK para experimentá-lo por conta própria.

Análise incorporada Inteligência de Negócios

MAIS TÓPICOS

inteligência de negócios Tomada de decisão baseada em dados visualização de dados Análise incorporada
Solicite uma demonstração