Microsoft has released a Power BI component for React that supports both JavaScript and TypeScript and can be used to embed analytics in a React web application.

React is Facebook’s open source JavaScript library, which lets you describe what you want to render in a declarative way using shared components and elements. Power BI is aimed at business users, and offers the ability to create BI models based on data from Windows Azure and other sources.

The new component supports both JavaScript and TypeScript and the library for React can be used to embed Power BI reports, dashboards, dashboard tiles, and report visuals. The component has bootstrap integration to help optimize performance. Bootstrap is a Power BI method that helps developers embed Power BI entities faster and get better performance by handling the preparation of the iframe.  The new React component also lets you use all Power BI's client side APIs including report authoring. It also simplifies the Power BI embed lifecycle management in React applications.

The new component follows the recent final release of a native Snowflake connector for Power BI. This can be used to connect to the Snowflake Cloud Data Platform using single sign-on (SSO) from Power BI Desktop or the Power BI service. Power BI has also recently been updated with new reporting-related features such as the capability to customize slicer header text and support for gradient legend. Other components including analytics, visualizations, modeling, and data preparation have been updated

The Power BI React component is now live on NPM and open sourced on GitHub, and there's a demo app that shows the complete flow from bootstrapping the report to embedding and updating the embedded report.

More Information

ReactJS Site

Power BI For React On NPM

Power BI For React On GitHub

Related Articles

The Programmers Guide To React

React 16 Adds Fragments  

Facebook Re-licences React To MIT 

SandDance Added To PowerBI

Microsoft Launches Self-Service BI

Power BI

To be informed about new articles on I Programmer, sign up for our weekly newsletter, subscribe to the RSS feed and follow us on Twitter, Facebook or Linkedin.

Comments

Make a Comment or View Existing Comments Using Disqus

or email your comment to: comments@i-programmer.info