Follow Along

http://esriurl.com/ambAgsSlds5

@tomwayson/devsummit-2018

Esri's 2 JavaScript mapping libraries

ArcGIS API for JavaScript

esri-leaflet

Which should you use?

Lightweight / mobile friendly

esri-leaflet: framework friendly

ArcGIS: challenge to load modules

import Map from 'esri/Map';

4.x Samples show framework components in ArcGIS apps

require(['vue','esri/Map'],(Vue, Map)=>{...})

ArcGIS map in a React app?

import Map from 'esri/Map';

Module loading solutions

One approach

Configure webpack to skip:

import Map from 'esri/Map';

One approach

Then output as app as AMD:

require(['esri/Map'],(Map)=>{...})

Load entire app w/ Dojo

Not ideal for:

Framework CLIs or targeting mobile devices

Better approach for those scenarios:

Use esri-loader

Which is right for our use case?

Advanced mapping capabilities?

Not really... but let's pretend

Framework: Ember

Lot's of resources

Two good choices

ember-cli-amd and ember-esri-loader

Both work with CLI

Targeting mobile?

Sure

We'll use ember-esri-loader

Let's make a map!