See Compose SDK in action

cta-container-visual-3

CTA-Container-Visual

<h1>Unlocking innovation with Compose SDK &#8211; An E-commerce example</h1>
<p>How does your application drive results? What kind of value does your application deliver? Why you, and not the competitors’ apps? In the business of building products designed to answer challenges, the goalposts seem to be constantly moving. One of the most challenging aspects of the business is delivering data-driven insights that drive desired outcomes, such as identifying revenue-generating opportunities, optimizing workflows, and improving customer satisfaction. The traditional approach of developing in-house analytics tailored to the application&#8217;s interface became impractical with the increasing market demand for enhanced user functionality. To address this challenge, BI tools introduced embedding capabilities, but the growing appetite for personalized experiences capable of delivering valuable insights evolved the problem statement and required a more advanced solution.</p>
<h2>Compose SDK’s developer-centric tools and resources</h2>
<p>The growing demand for a flexible and extensible way to embed analytics is why we built <a href="https://www.sisense.com/platform/compose-sdk/">Fusion Compose SDK</a>. But instead of pushing a sales pitch on you, we decided to create an advanced e-commerce demo application, named Shopsense, to demonstrate how Compose SDK works and what it can do. Serving as our canvas, Shopsense highlights the potent capabilities of how this Software Development Toolkit (SDK) adeptly merges the adaptability of developer-driven in-house solutions with the robustness of the enterprise-grade Sisense platform.</p>
<p>Compose SDK offers an array of developer-centric resources, from robust APIs invoking optimized innovation and flexible components offering diverse UI/UX, to powerful CLI (command line interface) capabilities for the ultimate IDE (integrated development environment). This empowers developers to seamlessly integrate tailored data products and analytics into their applications that drive meaningful end-user outcomes.</p>
<h2>The Shopsense demo app: An e-commerce example</h2>
<p>The Shopsense use case highlights Compose SDK as a seamless way to build powerful bespoke <a href="https://www.sisense.com/glossary/data-products/">data products</a>.</p>
<p><center><img decoding="async" class="aligncenter wp-image-744548 size-full" src="https://cdn.sisense.com/wp-content/uploads/image8-1.png" alt="Dashboard" /></center></p>
<p>To achieve a powerful data experience within Shopsense, we started by leveraging the Sisense Fusion platform to connect, transform, and model the e-commerce data. Once the data model was complete, we used the SDK-CLI tool within our preferred IDE (VS Code) to seamlessly generate a typescript file representing the data model residing in Sisense. From there, we installed the SDK packages and got to work iterating and developing tailored data experiences, leveraging the full breadth and capabilities of the React framework and popular UI- libraries.</p>
<p><center><img decoding="async" class="aligncenter wp-image-744548 size-full" src="https://cdn.sisense.com/wp-content/uploads/image2-2.png" alt="Data model visualization" /></center><center><img decoding="async" class="aligncenter wp-image-744548 size-full" src="https://cdn.sisense.com/wp-content/uploads/image1-2.png" alt="Library installation code" /></center></p>
<p>The Shopsense app elevates the React front-end experience to a whole new level. Harnessing the robust capabilities of Compose SDK, we seamlessly integrated publicly available packages into our Shopsense code base, propelling our analytics development to greater heights.</p>
<p>Our journey began with the swift installation of Compose SDK modules, notably the SDK-UI, enabling us to employ the ExecuteQuery component. This powerhouse allowed us to precisely define the data we aimed to visualize, seamlessly integrating with renowned third-party charting libraries such as ChartJS, MaterialUI, and Nivo. The flexibility extended further with the SDK-data module, empowering us to dynamically filter data—a game-changer in various use cases.</p>
<p><center><img decoding="async" class="aligncenter wp-image-744548 size-full" src="https://cdn.sisense.com/wp-content/uploads/image9-1.png" alt="Dashboard" /></center></p>
<p>All of this, mind you, while upholding the stringent enterprise-grade authentication and data security settings of the Fusion platform. The experience for developers is a lightning-fast transition from zero to &#8220;hello-world,&#8221; making the installation of modules and the creation of bespoke components a breeze.</p>
<p>Now allow me to highlight the Microanalytics feature. This exemplary component seamlessly blends Compose SDK capabilities with popular React libraries. It delivers context-aware analytics at the user&#8217;s point of action, a testament to the power of this dynamic fusion. Notably, this feature emerged victorious in a 48-hour hackathon, transforming data from the Sisense Fusion platform&#8217;s <a href="https://www.sisense.com/glossary/data-modeling/">data model</a> into a custom ChartJS visualization.</p>
<p>These examples aren&#8217;t just anecdotes; they unveil tangible possibilities for product teams and developers alike, offering a sneak peek into the transformative potential of this dynamic combination. With Shopsense and Fusion Compose SDK, the journey from concept to innovation has never been more exhilarating.</p>
<p><center><img decoding="async" class="aligncenter wp-image-744548 size-full" src="https://cdn.sisense.com/wp-content/uploads/image5.png" alt="Shop list dashboard" /></center></p>
<h2>Crafting experiences: UI/UX flexibility</h2>
<p>A distinctive feature of Compose SDK lies in its emphasis on UI/UX flexibility. Developers and product teams now wield the freedom to design interfaces that not only meet unique requirements but also elevate the overall user experience. This flexibility empowers the creation of aesthetically pleasing and user-friendly analytics interfaces: ease of use is no longer in the eye of the beholder, but a deliverable you can promise.</p>
<h2>Scalability and performance benefits</h2>
<p>Compose SDK, fortified by the robust infrastructure of Sisense, results in scalability and high-performance data products. Regardless of whether the user base grows tenfold or a hundredfold, building for scale is no longer a concern. Compose SDK serves as a catalyst, accelerating time-to-market by streamlining the analytics integration process. Developers can now concentrate on crafting innovative features while the SDK adeptly handles the intricacies of analytics implementation, significantly reducing development cycles.</p>
<h2>Compose SDK&#8217;s real-time analytics as a competitive edge</h2>
<p>Building the Shopsense app analytics capabilities with Fusion Compose SDK introduced real-time data insights, which would offer a decisive competitive edge in the e-commerce arena. Reacting to user behavior and market trends in real-time empowers businesses to make informed decisions promptly, maintaining a strategic advantage.</p>
<h2>Optimizing product innovation with Compose SDK</h2>
<p>In the journey of creating data products, <a href="https://www.sisense.com/platform/compose-sdk/">Compose SDK</a> emerges as a powerhouse. With developer-centric tools, UI/UX flexibility, scalability, and <a href="https://www.sisense.com/glossary/real-time-analytics/">real-time analytics</a> delivered at the point of action, the SDK empowers teams to not just meet but exceed the expectations of modern consumers. Embracing tools like Compose SDK becomes imperative for those at the forefront of innovation. It&#8217;s not just about unlocking innovation; it&#8217;s about redefining <a href="https://www.sisense.com/platform/compose-sdk/">what&#8217;s possible in the world of data-driven solutions</a>.</p>


Unlocking innovation with Compose SDK: An e-commerce example

See Compose SDK in action

Get the latest in analytics right in your inbox.