{"id":126762,"date":"2024-12-04T12:45:09","date_gmt":"2024-12-04T20:45:09","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/?post_type=power-apps&#038;p=126762"},"modified":"2025-06-11T07:39:46","modified_gmt":"2025-06-11T14:39:46","slug":"react-and-fluent-based-virtual-code-components-are-now-generally-available","status":"publish","type":"post","link":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/","title":{"rendered":"React and Fluent based virtual code components are now generally available"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">We are excited to announce the general availability of React and Fluent-based virtual code components. This feature allows customers and partners to leverage the Microsoft Power Apps platform libraries for React and Fluent, enabling the creation of a diverse set of code components without the need to package these libraries.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Benefits:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list-item\"><strong>Unified Control Styling<\/strong>: Virtual controls with Fluent ensure <a href=\"https:\/\/learn.microsoft.com\/en-us\/power-apps\/developer\/component-framework\/fluent-modern-theming\">consistent styling<\/a> across multiple apps and app types.<\/li>\n\n\n\n<li class=\"wp-block-list-item\"><strong>Improved Performance<\/strong>: By eliminating the need for isolated React trees and smaller control bundle.<\/li>\n\n\n\n<li class=\"wp-block-list-item\"><strong>Simplified Development<\/strong>: The need to include React or Fluent libraries in individual component bundles is removed, streamlining the development process.<\/li>\n<\/ul>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.png\"><img decoding=\"async\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents-1024x761.webp\" alt=\"Diagram showing standard and virtual code components with them using individually packaged and shared platform libraries respectively. \" class=\"wp-image-126771 webp-format\" style=\"width:724px;height:auto\" srcset=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents-1024x761.webp 1024w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents-300x223.webp 300w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents-768x571.webp 768w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.webp 1060w\" data-orig-src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents-1024x761.webp\"><\/a><figcaption class=\"wp-element-caption\">Diagram showing standard and virtual code components<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Note that code components created earlier via <a href=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/virtual-code-components-for-power-apps-using-react-and-fluent-ui-react-platform-libraries\">preview<\/a> are backward compatible and will continue to work. Please rebuild them using the<a href=\"https:\/\/learn.microsoft.com\/power-platform\/developer\/cli\/introduction\"> latest version of PAC tooling <\/a>so that they are ready for future platform library upgrades.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1701\" height=\"1233\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2022\/03\/ReactControlSample.gif\" alt=\"graphical user interface, text\" class=\"wp-image-19229\" \/><figcaption class=\"wp-element-caption\">Creating a virtual component <\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can find more details about this feature including supported platform library versions in our documentation for&nbsp;<a href=\"https:\/\/docs.microsoft.com\/power-apps\/developer\/component-framework\/react-controls-platform-libraries\">React controls &amp; platform libraries<\/a>.&nbsp;Please use&nbsp;<a href=\"https:\/\/aka.ms\/PCFForum\">Power Apps Pro Dev forum<\/a>&nbsp;for any input or questions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to announce the general availability of React and Fluent-based virtual code components in Microsoft Power Apps<\/p>\n","protected":false},"author":171,"featured_media":126771,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ms_queue_id":[],"ep_exclude_from_search":false,"_classifai_error":"","_classifai_text_to_speech_error":"","_alt_title":"","ms-ems-related-posts":[],"footnotes":""},"audience":[3378],"content-type":[3423],"job-role":[],"product":[3473],"property":[],"topic":[],"coauthors":[2093],"class_list":["post-126762","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","audience-it-professional","content-type-tips-and-guides","product-power-apps","review-flag-1593580415-902","review-flag-bundl-1593580257-230","review-flag-bundl-1593580261-926","review-flag-ga-1593580756-862","review-flag-gener-1593580751-312","review-flag-lever-1593580265-723"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>React and Fluent based virtual code components are now generally available - Microsoft Power Platform Blog<\/title>\n<meta name=\"description\" content=\"We are excited to announce the general availability of React and Fluent-based virtual code components. This feature allows customers and partners to leverage the Power Apps platform libraries for React and Fluent, enabling the creation of a diverse set of code components without the need to package React or Fluent libraries within individual component bundles.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React and Fluent based virtual code components are now generally available - Microsoft Power Platform Blog\" \/>\n<meta property=\"og:description\" content=\"We are excited to announce the general availability of React and Fluent-based virtual code components. This feature allows customers and partners to leverage the Power Apps platform libraries for React and Fluent, enabling the creation of a diverse set of code components without the need to package React or Fluent libraries within individual component bundles.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Power Platform Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-04T20:45:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T14:39:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1060\" \/>\n\t<meta property=\"og:image:height\" content=\"788\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Hemant Gaur\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hemant Gaur\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/\"},\"author\":[{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/hemantg\/\",\"@type\":\"Person\",\"@name\":\"Hemant Gaur\"}],\"headline\":\"React and Fluent based virtual code components are now generally available\",\"datePublished\":\"2024-12-04T20:45:09+00:00\",\"dateModified\":\"2025-06-11T14:39:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/\"},\"wordCount\":198,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.webp\",\"keywords\":[\"Building UI\",\"Code first\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/\",\"name\":\"React and Fluent based virtual code components are now generally available - Microsoft Power Platform Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.webp\",\"datePublished\":\"2024-12-04T20:45:09+00:00\",\"dateModified\":\"2025-06-11T14:39:46+00:00\",\"description\":\"We are excited to announce the general availability of React and Fluent-based virtual code components. This feature allows customers and partners to leverage the Power Apps platform libraries for React and Fluent, enabling the creation of a diverse set of code components without the need to package React or Fluent libraries within individual component bundles.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#primaryimage\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.webp\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.webp\",\"width\":1060,\"height\":788,\"caption\":\"Diagram showing standard and virtual code components with them using individually packaged and shared platform libraries respectively.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React and Fluent based virtual code components are now generally available\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"name\":\"Microsoft Power Platform Blog\",\"description\":\"Innovate with Business Apps\",\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\",\"name\":\"Microsoft Power Platform Blog\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"width\":194,\"height\":145,\"caption\":\"Microsoft Power Platform Blog\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/aa4446c7404d02a2f09daeced44308f3\",\"name\":\"Hemant Gaur\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g423d9157f9cf49e189084a592334509a\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g\",\"caption\":\"Hemant Gaur\"},\"description\":\"Hemant Gaur is a Principal PM Architect for Power Apps App Agents, driving the strategy for agentic frameworks and human\u2011in\u2011the\u2011loop AI. He previously led the creation of the Power Apps Component Framework and spearheaded modernization across Dynamics 365 and Power Apps using the Fluent V2 design system, along with major cross\u2011group performance improvements.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/pcfpm\/\"],\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/hemantg\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"React and Fluent based virtual code components are now generally available - Microsoft Power Platform Blog","description":"We are excited to announce the general availability of React and Fluent-based virtual code components. This feature allows customers and partners to leverage the Power Apps platform libraries for React and Fluent, enabling the creation of a diverse set of code components without the need to package React or Fluent libraries within individual component bundles.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/","og_locale":"en_US","og_type":"article","og_title":"React and Fluent based virtual code components are now generally available - Microsoft Power Platform Blog","og_description":"We are excited to announce the general availability of React and Fluent-based virtual code components. This feature allows customers and partners to leverage the Power Apps platform libraries for React and Fluent, enabling the creation of a diverse set of code components without the need to package React or Fluent libraries within individual component bundles.","og_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/","og_site_name":"Microsoft Power Platform Blog","article_published_time":"2024-12-04T20:45:09+00:00","article_modified_time":"2025-06-11T14:39:46+00:00","og_image":[{"width":1060,"height":788,"url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.png","type":"image\/png"}],"author":"Hemant Gaur","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hemant Gaur","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#article","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/"},"author":[{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/hemantg\/","@type":"Person","@name":"Hemant Gaur"}],"headline":"React and Fluent based virtual code components are now generally available","datePublished":"2024-12-04T20:45:09+00:00","dateModified":"2025-06-11T14:39:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/"},"wordCount":198,"commentCount":0,"publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.webp","keywords":["Building UI","Code first"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/","name":"React and Fluent based virtual code components are now generally available - Microsoft Power Platform Blog","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#primaryimage"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.webp","datePublished":"2024-12-04T20:45:09+00:00","dateModified":"2025-06-11T14:39:46+00:00","description":"We are excited to announce the general availability of React and Fluent-based virtual code components. This feature allows customers and partners to leverage the Power Apps platform libraries for React and Fluent, enabling the creation of a diverse set of code components without the need to package React or Fluent libraries within individual component bundles.","breadcrumb":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#primaryimage","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.webp","contentUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2024\/12\/VirtualCodeComponents.webp","width":1060,"height":788,"caption":"Diagram showing standard and virtual code components with them using individually packaged and shared platform libraries respectively."},{"@type":"BreadcrumbList","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2024\/12\/04\/react-and-fluent-based-virtual-code-components-are-now-generally-available\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/"},{"@type":"ListItem","position":2,"name":"React and Fluent based virtual code components are now generally available"}]},{"@type":"WebSite","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","name":"Microsoft Power Platform Blog","description":"Innovate with Business Apps","publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization","name":"Microsoft Power Platform Blog","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","contentUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","width":194,"height":145,"caption":"Microsoft Power Platform Blog"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/aa4446c7404d02a2f09daeced44308f3","name":"Hemant Gaur","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g423d9157f9cf49e189084a592334509a","url":"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g","caption":"Hemant Gaur"},"description":"Hemant Gaur is a Principal PM Architect for Power Apps App Agents, driving the strategy for agentic frameworks and human\u2011in\u2011the\u2011loop AI. He previously led the creation of the Power Apps Component Framework and spearheaded modernization across Dynamics 365 and Power Apps using the Fluent V2 design system, along with major cross\u2011group performance improvements.","sameAs":["https:\/\/www.linkedin.com\/in\/pcfpm\/"],"url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/hemantg\/"}]}},"bloginabox_animated_featured_image":null,"bloginabox_display_generated_audio":false,"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Microsoft Power Platform Blog","distributor_original_site_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/126762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/users\/171"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/comments?post=126762"}],"version-history":[{"count":10,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/126762\/revisions"}],"predecessor-version":[{"id":126798,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/126762\/revisions\/126798"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media\/126771"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media?parent=126762"}],"wp:term":[{"taxonomy":"audience","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/audience?post=126762"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/content-type?post=126762"},{"taxonomy":"job-role","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/job-role?post=126762"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/product?post=126762"},{"taxonomy":"property","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/property?post=126762"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/topic?post=126762"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/coauthors?post=126762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}