Boost React Performance: Microsoft's Virtual Code Components Now Available!
Microsoft•3 months ago•
900

Boost React Performance: Microsoft's Virtual Code Components Now Available!

Components
reactjs
microsoft
fluentui
performance
components
Share this content:

Summary:

  • Improved Performance with reduced bundle sizes and eliminated isolated React trees.

  • Simplified Development by removing the need to include React or Fluent libraries in each component.

  • Unified Control Styling using Fluent UI for consistent design across all apps.

  • Backward compatibility for existing components, but upgrade is recommended for future platform library updates.

  • Detailed documentation and community forum available for support.

Revolutionizing React Development with Microsoft's Virtual Code Components

Microsoft has announced the general availability of React and Fluent-based virtual code components for Power Apps. This exciting new feature significantly enhances React development by offering several key advantages:

Key Benefits:

  • Unified Control Styling: Leverage Fluent UI for consistent styling across your apps, ensuring a seamless user experience. Learn more about Fluent modern theming here.
  • Improved Performance: Experience a performance boost by eliminating isolated React trees and reducing control bundle sizes. This leads to faster loading times and improved responsiveness.
  • Simplified Development: Streamline your workflow by removing the need to include React or Fluent libraries within individual component bundles. This simplification reduces development time and complexity.
Diagram showing standard and virtual code components with them using individually packaged and shared platform libraries respectively.<br>

Backward Compatibility and Upgrade

Previously created code components are backward compatible. However, Microsoft recommends rebuilding them using the latest version of PAC tooling for future platform library upgrades. Find more about upgrading your PAC tooling here.

Creating a virtual component

Further Information

Dive deeper into this feature and learn about supported platform library versions in the official documentation. For any questions or feedback, visit the Power Apps Pro Dev forum.

Comments

0

Join Our Community

Create an account to share your thoughts, engage with others, and be part of our growing community.

Newsletter

Subscribe our newsletter to receive our daily digested news

Join our newsletter and get the latest updates delivered straight to your inbox.

ReactRemoteJobs.com logo

ReactRemoteJobs.com

Get ReactRemoteJobs.com on your phone!