<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: React 19 &amp;amp; ExB in ArcGIS Experience Builder Questions</title>
    <link>https://community.esri.com/t5/arcgis-experience-builder-questions/react-19-amp-exb/m-p/1684088#M22457</link>
    <description>&lt;P&gt;Class based React components are an older style of React. They are no longer recommended and the documentation has been buried on the React documentation site, but they are still completely valid and functional and there are no plans to remove them from React.&lt;/P&gt;&lt;P&gt;The instructions state that you should copy the folder containing the example Widget you want to use to your-extensions/widgets. Some of the example Widgets require installing third-party packages using npm and will fail if those packages are not installed.&lt;/P&gt;</description>
    <pubDate>Thu, 12 Feb 2026 18:40:24 GMT</pubDate>
    <dc:creator>JeffreyThompson2</dc:creator>
    <dc:date>2026-02-12T18:40:24Z</dc:date>
    <item>
      <title>React 19 &amp; ExB</title>
      <link>https://community.esri.com/t5/arcgis-experience-builder-questions/react-19-amp-exb/m-p/1684040#M22455</link>
      <description>&lt;P&gt;&lt;A href="https://developers.arcgis.com/experience-builder/sample-code/widgets/web-component-widgets/use-web-components-19/" target="_self"&gt;This page&lt;/A&gt; is titled "Use Map Components (React 19 + Web Components)" and it provides instructions to download the SDK to a new folder on your ExB development environment called "web-component-widgets/use-web-components-19". React JS 19 uses functional components. Under the "Contents" version it states:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LefterisKoumis_1-1770916166322.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/148353i82E5037D21137F12/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LefterisKoumis_1-1770916166322.png" alt="LefterisKoumis_1-1770916166322.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;The issue I see is that at the &lt;A href="https://github.com/Esri/arcgis-experience-builder-sdk-resources/tree/master?tab=readme-ov-file" target="_self"&gt;SDK location&lt;/A&gt; it still uses class components. For example, the "add-layers" sample it states that it was updated to version 1.19 but the script suggests otherwise.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LefterisKoumis_0-1770916020532.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/148352i04932607E5F3D74F/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LefterisKoumis_0-1770916020532.png" alt="LefterisKoumis_0-1770916020532.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;render () {
    const style = css`
      form &amp;gt; div {
        display: flex;
        justify-content: space-between;
        input {
          width: 100%;
        }
        button {
          min-width: 100px;
        }
      }
    `
    return (
      &amp;lt;div className="widget-addLayers jimu-widget p-2" css={style}&amp;gt;
        {this.props.hasOwnProperty('useMapWidgetIds') &amp;amp;&amp;amp;
          this.props.useMapWidgetIds &amp;amp;&amp;amp;
          this.props.useMapWidgetIds.length === 1 &amp;amp;&amp;amp; (
            &amp;lt;JimuMapViewComponent
              useMapWidgetId={this.props.useMapWidgetIds?.[0]}
              onActiveViewChange={(jmv: JimuMapView) =&amp;gt; {
                this.setState({
                  jimuMapView: jmv
                })
              }}
            /&amp;gt;
        )}

        &amp;lt;p&amp;gt;{defaultMessages.instructions}&amp;lt;/p&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 12 Feb 2026 17:12:39 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-experience-builder-questions/react-19-amp-exb/m-p/1684040#M22455</guid>
      <dc:creator>LefterisKoumis</dc:creator>
      <dc:date>2026-02-12T17:12:39Z</dc:date>
    </item>
    <item>
      <title>Re: React 19 &amp; ExB</title>
      <link>https://community.esri.com/t5/arcgis-experience-builder-questions/react-19-amp-exb/m-p/1684088#M22457</link>
      <description>&lt;P&gt;Class based React components are an older style of React. They are no longer recommended and the documentation has been buried on the React documentation site, but they are still completely valid and functional and there are no plans to remove them from React.&lt;/P&gt;&lt;P&gt;The instructions state that you should copy the folder containing the example Widget you want to use to your-extensions/widgets. Some of the example Widgets require installing third-party packages using npm and will fail if those packages are not installed.&lt;/P&gt;</description>
      <pubDate>Thu, 12 Feb 2026 18:40:24 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-experience-builder-questions/react-19-amp-exb/m-p/1684088#M22457</guid>
      <dc:creator>JeffreyThompson2</dc:creator>
      <dc:date>2026-02-12T18:40:24Z</dc:date>
    </item>
  </channel>
</rss>

