
Sample web part showing how to embed a Power App that resizes, adapts to themes, and supports dynamic properties
The react-enhanced-powerapps web part offers an innovative solution to seamlessly embed Power Apps within SharePoint. This tool significantly enhances user experience by allowing Power Apps to resize according to web part dimensions, adapt to SharePoint themes, and leverage dynamic properties, making it a versatile choice for businesses and developers alike. Built on the SharePoint Framework, this web part addresses common limitations found in out-of-the-box Power Apps web parts, ensuring a more efficient workflow and improved aesthetics.
By utilizing this web part, users can effortlessly integrate their applications while maintaining consistency with their SharePoint design. The dynamic properties feature not only enhances functionality but also promotes interactivity, allowing for contextual data sharing between components. This deep integration showcases the potential of Power Apps, empowering teams to create engaging, responsive applications tailored to their unique requirements.
Dynamic Resizing: Automatically adjusts the Power App size to fit the dimensions of the web part, ensuring a perfect fit in any layout.
Theme Adaptability: Changes in theme colors and section backgrounds can be passed to the embedded Power App, maintaining a seamless look and feel across the platform.
Dynamic Property Support: Allows for binding of dynamic properties, enabling the app to receive values from other web parts or page context information for greater interactivity.
Parameter Integration: Use of the Param() function within Power Apps to retrieve passed theme color values, thereby simplifying color management and ensuring design coherence.
User-Friendly Setup: Simple instructions for embedding and configuring the Power App within SharePoint, streamlining the integration process.
Version Control: Maintains a version history, enabling users to track changes and updates made to the web part for improved maintenance.
Community Driven: Developed by Hugo Bernier and available for community use, enhancing collaboration and shared resources among SharePoint users.
No Warranty Provided: The tool is offered "as is", allowing users to implement the solution with understanding while taking responsibility for its deployment and usage.

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.