topic Re: Start up with javascript API 4.X in ArcGIS JavaScript Maps SDK Questions

Start up with javascript API 4.X

vijaybadugu — Wed, 17 Jan 2024 16:28:28 GMT

I have worked extensively with 3.x version of it. as part of migration process, I would like to start developing apps in a newer version of arcgis JavaScript 4.x.

Could you please suggest where can I start it from ,

Re: Start up with javascript API 4.X

Egge-Jan_Pollé — Wed, 17 Jan 2024 17:16:24 GMT

Hi @vijaybadugu,

Have you seen this page already?

Migrating from 3.x to 4.28 | Overview | ArcGIS Maps SDK for JavaScript 4.28 | ArcGIS Developers

Here an overview is provided for developers like yourself, with knowledge of and experience with the 3.x API, looking to migrate to 4.x.

Most important message here, as far as I am concerned:

Consider rewriting applications instead of simply trying to update them.

And if you have any more specific challenges, this community is there to help. Always.

Cheers,

Egge-Jan

Re: Start up with javascript API 4.X

vijaybadugu — Wed, 17 Jan 2024 17:24:57 GMT

I am developing a new production web application for a department. do I need to use any framework or develop simply using legacy JavaScript development (AMD) did for 3.X?

Re: Start up with javascript API 4.X

BlakeTerhune — Wed, 17 Jan 2024 17:39:42 GMT

@vijaybadugu wrote:
I am developing a new production web application for a department. do I need to use any framework or develop simply using legacy JavaScript development (AMD) did for 3.X?

No frameworks are necessary. You can develop everything in your JavaScript Maps SDK 4.x app with plain, vanilla JavaScript. Although Esri notes on building with AMD:

For new projects integrating the API into third party frameworks or build tools we recommend using local builds with @arcgis/core ES modules.

You should build with ES Modules.

Apparently esri-loader will be going away with the next release (4.29).

heads up: esri-loader is deprecated in 4.29 of the... - Esri Community

Re: Start up with javascript API 4.X

Egge-Jan_Pollé — Wed, 17 Jan 2024 18:19:39 GMT

Yes, as @BlakeTerhune suggests, you should really consider, while you are already migrating from 3.x to 4.x, to also leave the legacy AMD modules, with their require() statement, behind and switch to ES Modules instead.

For a quick comparison between AMD and ES, you might have a look at this blog post by @AndyGup : ArcGIS API for JavaScript – Working with frameworks and build tools just got easier – Part 2 (esri.com).

And sample apps, provided by Esri, ae available here: jsapi-resources/esm-samples at main · Esri/jsapi-resources · GitHub

Re: Start up with javascript API 4.X

SaurabhUpadhyaya — Thu, 18 Jan 2024 05:30:52 GMT

@Egge-Jan_Pollé @BlakeTerhune @vijaybadugu As per my experience in migrating from 3.X to 4.X lots of new libraries added and some libraries are deprecated so may required to resolve custome widgtes one by one.

Now my question to @Egge-Jan_Pollé @BlakeTerhune I am using NextJS with latest ArcGIS Core 4.28 and facing performance issue in production enviornment, its taking to much time to loading the library. When i checking chrome inspect --> Network tab showing some files are calling from "https://js.arcgis.com"?

How to resolve this because in production enviornment client is not allowing other third party URLs ?

How to improve the performance?? Can you please please some github link using NexTJS(latest) and ArcGIS Core (Latest) where everything is calling from own server ?

Below arcgis map libraries want to use.

import ArcGISMap from "@arcgis/core/Map";

import MapView from "@arcgis/core/views/MapView";

import Legend from "@arcgis/core/widgets/Legend";

import TileLayer from "@arcgis/core/layers/TileLayer";

Re: Start up with javascript API 4.X

Egge-Jan_Pollé — Thu, 18 Jan 2024 12:54:39 GMT

Could this be useful? Building ArcGIS API for JavaScript Apps with NextJS (esri.com). It comes with the source code for the application in this blog post on github.

Re: Start up with javascript API 4.X

Noah-Sager — Mon, 22 Jan 2024 16:39:25 GMT

Great question @vijaybadugu. In addition to the really good information already provided, I would also highlight the Tutorials and Blogs for 4x that can really show great insight and useful tips.

Tutorials
https://developers.arcgis.com/javascript/latest/tutorials/

Blogs
https://developers.arcgis.com/javascript/latest/blogs/

Re: Start up with javascript API 4.X

SaurabhUpadhyaya — Tue, 23 Jan 2024 06:23:02 GMT

I tried this code but this code is 2 Yrs old and many libraries are not available in 4.28 with latest version of NextJS.

If anyone some sample code using 4.28 please share.

Re: Start up with javascript API 4.X

Ranga_Tolapi — Sun, 03 Mar 2024 16:19:33 GMT

@SaurabhUpadhyaya

Relax, enclosed the jsapi-nextjs sample code upgraded to @arcgis/core version 4.29.3, for you 👍

Steps to follow to extract the attached zip file.

Extract contents (jsapi-nextjs.txt) from the attached jsapi-nextjs.zip file using password (that's the password)
Rename the extracted file (jsapi-nextjs.txt) extension from .txt to .zip
Extract jsapi-nextjs.zip for the upgraded source code.

Re: Start up with javascript API 4.X

SaurabhUpadhyaya — Tue, 05 Mar 2024 10:46:21 GMT

@Ranga_Tolapi Thank you sir.