Duration: 0:00

36 views

0

This talk dives into a real-world experience of integrating React Flow, a popular JavaScript library known for creating flowcharts and data visualisations, within the Sirius Web project. Our aim is to share firsthand insights into the benefits and challenges we faced while enhancing the user experience and functionality of Sirius Web-based applications. This talk investigates how React Flow was chosen and implemented to provide the intuitive and dynamic representations needed for users to efficiently interact with data, enhancing the overall user experience and application functionality. We will begin by introducing React Flow, outlining its core functionalities, and discussing why it was selected as a suitable integration for Sirius Web. The heart of the talk will cover the journey of integrating React Flow with Sirius Web. We will discuss the technical considerations, challenges, and solutions that emerged during the integration process. Key aspects will include how we managed data binding, performance optimization, and ensuring compatibility with existing Sirius Web components. Sharing our experiences, we will highlight the lessons learned and best practices for effectively utilising React Flow in web applications. Attendees will gain valuable insights into the potential pitfalls and how to overcome them, ensuring a smoother integration process in their own projects. Then a demo will showcase the enhanced capabilities and improved user interactions made possible thanks to React Flow. Join us to gain a deeper understanding of how React Flow can elevate your web applications!