Using the ArcGIS API for JavaScript with a build system: An exploration

Показать описание

I don't know much about build systems, but it seems like they are really important for modern web development. I decided to take a crack at building an app using Esri's ArcGIS API for JavaScript and a build tool to see if I could implement a build system for a simple application.

This video is a record of my journey of first building a basic map application using the approach I usually use for loading APIs and libraries and second rebuilding the app using module imports and the vite build tool. This is just a record of me figuring out that process. It should not be treated as an authoritative resource on...anything. I speak imprecisely about what I am doing and likely say things that are just plain wrong.

I was able to create this video with the help of several other resources:

Official vite website

vite's quick start guide

ArcGIS API for JavaScript - Documentation -

ArcGIS API for JavaScript - Documentation -

Esri's ESM samples on GitHub

ArcGIS API for JavaScript - Documentation - Build with ES modules

"Vite with ArcGIS" - Rene Rubalcava, odoenet

Web Developer Tooling - Anne Fitz, Esri

ArcGIS API for JavaScript - Documentation - API Reference

ArcGIS API for JavaScript - Documentation - Install set up

ArcGIS API for JavaScript - Sample Code - Load a basic WebMap

Chapters:
0:00 Introduction
3:48 Examining the ArcGIS Online web map
5:20 Creating an app using ArcGIS API for JavaScript from CDN
16:41 Creating an app by importing ArcGIS API for JavaScript and building with vite
35:57 Closing