ArcGIS Maps SDK for JavaScript: App Development with Components, Part 1: Programming Patterns

This technical session is the first in a four-part series and is critical for anyone building apps with the ArcGIS Maps SDK for JavaScript, as it will introduce the core concepts and programming patterns for building apps with the SDK's web components. This evolution of the SDK introduces a new way to build web apps, which maximizes productivity and is the recommended pattern for all applications. Speakers cover map components (which includes the map, scene, and functionality equivalent to legacy widgets), as well as charts and coding components.
Presenters: Yann Cabon and Julie Powell

Resources
===========
Proceedings: https://registration.esri.com/flow/esri/26epcdev/dev-2026-ps/page/proceedings/session/1761121115055001AX1x
ArcGIS Maps SDK for JavaScript documentation: https://developers.arcgis.com/javascript/latest/

Questions? We'd love to answer them on Esri Community!
💬 Community forums: https://community.esri.com/t5/arcgis-maps-sdk-for-javascript/ct-p/arcgis-api-for-javascript

📹 More Esri Developer and Technology Summit 2026 videos
=============
Mediaspace (all): https://mediaspace.esri.com/channel/2026+Esri+Developer+%26+Technology+Summit/394319663

🕑 Chapters
============
00:00 Intro
00:11 Overview
06:03 Demo: Let's build an app!
18:11 Basics (plain JavaScript/HTML)
18:14 Calcite Design System
20:20 Question: Can you create your own custom component to the degree that widgets used to allow? And how do you expand beyond the pre-packaged components?
20:42 Calcite Shell
23:58 Application logic
29:23 Selection Manager
33:12 Styling
36:22 Working with SDK modules (core JavaScript API)
38:02 Demo: Getting started with the core API
41:21 Migrating from AMD to ES modules
42:32 Demo: Migrate your app
48:14 Future of AMD in Maps SDK
49:06 Demo: Code organization (using item ID attribute, map/scene with LinkChart, etc.)
53:43 More components
53:44 Charts components
54:26 AI components (beta)
54:51 Common components (shared by higher-level components)
55:27 Embeddable components
58:20 Questions
58:44 Is the Selection Manager concept coming to .NET?
58:58 Is there any plan to deprecate the ArcGIS webpack plugin?
59:45 What about Experience Builder and components? How do I use components in place of GMU? Are all Esri product teams moving toward components?
1:02:24 Is the investment we made in custom widgets going to be lost?
1:03:13 In version 4.2 we use Dojo loader to load our module - is there an easy way to migrate to 5.0?
1:04:22 For the ArcGIS Search component shown, there are 2 results, why?

👉 Follow us
=============
🔔 Subscribe to Esri Developers on YouTube: https://www.youtube.com/@EsriDevs
🔴 Videos at Esri Mediaspace: https://bit.ly/3MXWbqq
❎ @EsriDevs on X: https://x.com/EsriDevs
❎ @EsriDevEvents on X: https://x.com/EsriDevEvents
❎ @EsriStartups: https://x.com/EsriStartups
🐙 GitHub: https://github.com/esri & https://github.com/EsriDevEvents

🏷️ Tags
=============
#esridevtech2026 #developers #maps #mapping #webmapping #esri #arcgis #geodev #gis #geospatial #spatialdata #geospatialdata #spatialanalysis #arcgisenterprise #webgis #geo #locationintelligence #javascript #web #arcgisonline #arcgislocationservices #components #DevTechSummit #react #angular #vue #lit

Видео ArcGIS Maps SDK for JavaScript: App Development with Components, Part 1: Programming Patterns канала Esri Developers