Use the ArcGIS Maps SDK for JavaScript with Svelte

My colleague Jacob and I have really been enjoying using the Svelte JavaScript Framework while building mapping web apps with the ArcGIS Maps SDK for JavaScript. Here are a few links and resources that I’ve collected:

1. Svelte with the ArcGIS Maps SDK for JavaScript - Rene at odoe.net eats JavaScript libraries for breakfast and was one of the first to try out the Svelte framework with the ArcGIS Maps SDK for JavaScript.
2. esri-svelte-example - A sample web app that I put together that shows how to use esri-loader to load a map.
3. esri-svelte-example CodeSandbox - if you want to get tinkering quickly, just click here then “Fork” and you’re instantly coding in Svelte.
4. esri-svelte-basemaps-example - A sample web app that Jacob put together that shows how to create a Map component and use it multiple times within a page.

Jacob and I did a short presentation on Svelte for Dev Summit 2020. Also check out the Svelte section (starting at 37:33) of the Frameworks talk.

See Also

• This Week in Esri GitHub
• Query to Get All Features in the ArcGIS Maps SDK for JavaScript
• Custom Basemap Toggle with ArcGIS JavaScript API 4 View Models