{"id":771166,"date":"2026-02-18T09:27:03","date_gmt":"2026-02-18T17:27:03","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcuser&#038;p=771166"},"modified":"2026-02-18T09:27:03","modified_gmt":"2026-02-18T17:27:03","slug":"future-proofing-custom-widgets-in-arcgis-experience-builder","status":"publish","type":"arcuser","link":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder","title":{"rendered":"Future-Proofing Custom Widgets in ArcGIS Experience Builder"},"author":5752,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","castos_file_data":"","podmotor_file_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","_links_to":"","_links_to_target":""},"categories":[25002],"tags":[425592,485662,493359,492152,192832],"arcuser_issues":[493342],"class_list":["post-771166","arcuser","type-arcuser","status-publish","format-standard","hentry","category-developers-corner","tag-arcgis-experience-builder","tag-arcgis-maps-sdk-for-javascript","tag-custom-apps","tag-web-components","tag-widgets","arcuser_issues-winter-2026"],"acf":{"short_description":"Integrating ArcGIS experiences into your apps? Use ArcGIS Maps SDK for JavaScript web components.","pdf":{"host_remotely":false,"file":"","file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"The world of web development is constantly evolving. Browsers are advancing both capabilities and standards, while developer tooling progresses. In this changing landscape, keeping your solutions future-proof requires adopting the latest standards and best practices.\r\n\r\nArcGIS Experience Builder allows you to create custom widgets for specific workflows\u2014configurable and sharable functional units within Experience Builder. Creating your own widgets can be done with any integrated development environment that you\u2019re comfortable with.\r\n\r\nHowever, if you are building solutions that integrate ArcGIS experiences into your apps, the new recommended approach is to use ArcGIS Maps SDK for JavaScript web components. That approach applies to solutions that are fully custom as well as those involving custom widgets in Experience Builder."},{"acf_fc_layout":"content","content":"<h2>Web Components Are the Future<\/h2>\r\nEsri is fully committed to building standards-based web components that extend the core API of JavaScript Maps SDK into reusable custom HTML elements (e.g., &lt;arcgis-map&gt;). All legacy JavaScript Maps SDK widget functionality is being deprecated and removed, making this transition essential for long-term stability.\r\n\r\nWhile the 2026 road map for ArcGIS Experience Builder includes a transition for the underlying Jimu framework to use JavaScript Maps SDK components, the current implementation is based on the SDK\u2019s legacy widgets, MapView, and SceneView, rather than components.\r\n\r\nCrucially, that doesn\u2019t prevent developers from building custom widgets using the SDK\u2019s components so that custom code embraces forward-looking techniques.\r\n\r\nJavaScript Maps SDK widgets are legacy UI elements that enable maps, scenes, and other common web mapping workflows. These widgets are being deprecated and removed from the SDK. Equivalent functionality is available as web components.\r\n\r\nExperience Builder widgets, however, are configurable UI elements that encapsulate functionality often built with the JavaScript Maps SDK. These widgets will transition to use JavaScript Maps SDK components rather than legacy widgets."},{"acf_fc_layout":"content","content":"<h2>The Power of React<\/h2>\r\nArcGIS Experience Builder is now based on React 19. This version of React introduces major improvements for working with web components, essentially treating them as native HTML elements. Therefore, using SDK components within custom widgets has been greatly simplified.\r\n\r\nReact 19 fully supports the web components specification, allowing developers to use custom HTML elements within React without needing work-arounds or wrappers. Additionally, the most current version of React makes event handling for custom elements more consistent, behaving similarly to native HTML elements. It also allows for better management of properties, ensuring a consistent and reliable data flow between React applications and the custom elements.\r\n\r\nEsri development teams are working to adapt to the changing technological landscape, enabling more powerful applications and optimum productivity for building web applications. As Esri product teams evolve the underlying architecture of Esri\u2019s web applications (like Experience Builder), there are pathways that developers can take today that will future-proof the hard work they put into custom solutions."}],"references":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Future-Proofing Custom Widgets in ArcGIS Experience Builder | Winter 2026 | ArcUser<\/title>\n<meta name=\"description\" content=\"Integrating ArcGIS experiences into your apps? Use ArcGIS Maps SDK for JavaScript web components.\" \/>\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.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Future-Proofing Custom Widgets in ArcGIS Experience Builder | Winter 2026 | ArcUser\" \/>\n<meta property=\"og:description\" content=\"Integrating ArcGIS experiences into your apps? Use ArcGIS Maps SDK for JavaScript web components.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder\" \/>\n<meta property=\"og:site_name\" content=\"Esri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2026\/02\/arcuser-banner-future-wide.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Future-Proofing Custom Widgets in ArcGIS Experience Builder | Winter 2026 | ArcUser\" \/>\n<meta name=\"twitter:description\" content=\"Integrating ArcGIS experiences into your apps? Use ArcGIS Maps SDK for JavaScript web components.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2026\/02\/arcuser-banner-future-wide.jpg\" \/>\n<meta name=\"twitter:site\" content=\"@Esri\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder\",\n\t            \"name\": \"Future-Proofing Custom Widgets in ArcGIS Experience Builder | Winter 2026 | ArcUser\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\"\n\t            },\n\t            \"datePublished\": \"2026-02-18T17:27:03+00:00\",\n\t            \"description\": \"Integrating ArcGIS experiences into your apps? Use ArcGIS Maps SDK for JavaScript web components.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.esri.com\/about\/newsroom\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Future-Proofing Custom Widgets in ArcGIS Experience Builder\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\",\n\t            \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/\",\n\t            \"name\": \"Esri\",\n\t            \"description\": \"Esri Newsroom\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/41c803b2ea8734c36f9c4e9586d1449d\",\n\t            \"name\": \"Amy Ambard\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g\",\n\t                \"contentUrl\": \"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g\",\n\t                \"caption\": \"Amy Ambard\"\n\t            },\n\t            \"url\": \"\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Future-Proofing Custom Widgets in ArcGIS Experience Builder | Winter 2026 | ArcUser","description":"Integrating ArcGIS experiences into your apps? Use ArcGIS Maps SDK for JavaScript web components.","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.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder","og_locale":"en_US","og_type":"article","og_title":"Future-Proofing Custom Widgets in ArcGIS Experience Builder | Winter 2026 | ArcUser","og_description":"Integrating ArcGIS experiences into your apps? Use ArcGIS Maps SDK for JavaScript web components.","og_url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder","og_site_name":"Esri","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","og_image":[{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2026\/02\/arcuser-banner-future-wide.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_title":"Future-Proofing Custom Widgets in ArcGIS Experience Builder | Winter 2026 | ArcUser","twitter_description":"Integrating ArcGIS experiences into your apps? Use ArcGIS Maps SDK for JavaScript web components.","twitter_image":"https:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/2026\/02\/arcuser-banner-future-wide.jpg","twitter_site":"@Esri","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder","url":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder","name":"Future-Proofing Custom Widgets in ArcGIS Experience Builder | Winter 2026 | ArcUser","isPartOf":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/#website"},"datePublished":"2026-02-18T17:27:03+00:00","description":"Integrating ArcGIS experiences into your apps? Use ArcGIS Maps SDK for JavaScript web components.","breadcrumb":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/about\/newsroom\/arcuser\/future-proofing-custom-widgets-in-arcgis-experience-builder#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/about\/newsroom"},{"@type":"ListItem","position":2,"name":"Future-Proofing Custom Widgets in ArcGIS Experience Builder"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/about\/newsroom\/#website","url":"https:\/\/www.esri.com\/about\/newsroom\/","name":"Esri","description":"Esri Newsroom","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/41c803b2ea8734c36f9c4e9586d1449d","name":"Amy Ambard","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/about\/newsroom\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f356480172f8ad0bc8d72b855e84171c52f1944c7c7779f3e425d73bf3efa3c7?s=96&d=blank&r=g","caption":"Amy Ambard"},"url":""}]}},"sort_order":"14","_links":{"self":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/771166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser"}],"about":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/types\/arcuser"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/users\/5752"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser\/771166\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/media?parent=771166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/categories?post=771166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/tags?post=771166"},{"taxonomy":"arcuser_issues","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/arcuser_issues?post=771166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}