Building Apps with ArcGIS Maps SDK for JavaScript Components | #EsriDevSummit2024

In this session, we'll introduce the brand new web components that are part of the ArcGIS Maps SDK for JavaScript for bringing pre-built ArcGIS experiences (encapsulated into web components) into your app. With a few lines of code, you can build highly focused custom applications that leverage many of the same capabilities and experiences as other Esri applications, while also enabling modular GIS application development. 📚 Resources ============= Slides: https://static.rainfocus.com/esri/24epcdev/sess/1699136861612001giZo/SPDF/Building%20Apps%20with%20ArcGIS%20Maps%20SDK%20for%20JavaScript%20Components_1709833921647001OmUx.pdf Components documentation: https://developers.arcgis.com/javascript/latest/components/ Questions? We'd love to answer them on Esri Community! 💬 Community forums: https://community.esri.com/t5/developers/ct-p/developers 📹 More Esri Developer Summit 2024 videos ============= Mediaspace (all): https://mediaspace.esri.com/channel/2024+Esri+Developer+Summit/325483122 YouTube: https://www.youtube.com/playlist?list=PL0VMTWv3XRwXlVEMgQxTrux6Tlk4DTWGO 🕑 Chapters ============= 00:00 - Introduction and presenter overview 01:21 - Why use web components? 03:15 - Get started with web components 04:01 - Exploring tutorials and API topics 04:55 - Web component programming patterns 05:07 - Attributes vs. properties in programming 06:12 - Events and methods for components 06:58 - Storybook for code snippets 09:24 - Using proxies for property changes 10:56 - Associating components with maps or scenes 13:18 - Using components in various frameworks 16:15 - Working with frameworks and build tools 17:04 - Using ESM and NPM 19:31 - Local vs. CDN assets 20:26 - Lazy and manual loading 21:59 - Vite demo 25:47 - Using components in React 27:33 - Using components in Angular 28:42 - Vue directives 31:25 - Build an App with Vue 37:27 - Creating custom components 39:34 - Final thoughts and resources 41:49 - Q&A session 👉 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 ============= #EsriDevelopers #developers #EsriDevSummit2024 #esri #arcgis #maps #mapping