{"id":1206032,"date":"2021-04-22T11:17:22","date_gmt":"2021-04-22T18:17:22","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1206032"},"modified":"2024-04-12T04:02:30","modified_gmt":"2024-04-12T11:02:30","slug":"whats-new-in-arcgis-api-for-javascript-version-4-19","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/whats-new-in-arcgis-api-for-javascript-version-4-19","title":{"rendered":"What’s New in ArcGIS API for JavaScript (version 4.19)"},"author":4271,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37101,738191],"tags":[96582,33301,27491,23221,758892],"industry":[],"product":[421922,761642,36831,36551,36601],"class_list":["post-1206032","blog","type-blog","status-publish","format-standard","hentry","category-announcements","category-developers","tag-arcgis-api-for-javascript","tag-arcgis-platform","tag-jsapi4","tag-web-mapping","tag-whats-new-march-2021","product-arcgis","product-platform","product-js-api-arcgis","product-arcgis-online","product-developers"],"acf":{"short_description":"Version 4.19 brings snapping, ES modules in production, performance improvements, shadow highlighting and a lot more. Check out the highlights!","flexible_content":[{"acf_fc_layout":"content","content":"

Happy Earth Day, web developers! Our first release of 2021 brings a collection of key enhancements and new capabilities that you can start using in your apps right away. Version 4.19 brings feature to feature snapping for 2D and 3D, remarkable performance gains for point feature layers, shadow highlighting, increased flexibility when using API keys, and much more. In addition, ES modules have moved out of beta, so developers have an additional option for consuming the API in their production applications. Read on to learn about some of the highlights in this release\u2026<\/p>\n

ES modules \u2013 production release<\/h2>\n

The API’s\u00a0ES modules<\/a> moved out of beta and are now ready for production use! The ES modules are a new option for consuming the API, which enables simplified code and seamless integration with modern frameworks and build tools. To get started, you\u2019ll install the NPM package @arcgis\/core<\/a>\u00a0and then you can use native imports like this:<\/p>\n

import<\/span> WebMap from<\/span> \u2018@arcgis\/core\/WebMap\u2019;\r\nimport<\/span> MapView from<\/span> \u2018@arcgis\/core\/views\/MapView\u2019;\r\n<\/code><\/pre>\n
With this release, installs for local builds are faster and easier. Rather than having to copy API assets like styles and localizations files into your project, assets are retrieved from a CDN at runtime by default (though it can be overridden).<\/p>\n
Performance improvements<\/h2>\n
Significant performance improvements have been implemented in the API over the last year. These performance improvements allow us to render features faster, and with less memory consumption. This has allowed us to make further improvements for point FeatureLayers hosted on ArcGIS Online. In 4.19, FeatureLayer will\u00a0try to optimize how it requests data and\u00a0will fetch all its features at once from the server as opposed to requesting features on demand. Once loaded, the features won’t need to be re-requested from the server, which will make future redraws after panning and zooming much faster.<\/p>\n
We will continue to broaden the scope of this performance optimization in upcoming releases\u00a0to include ArcGIS Enterprise.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1206072,"id":1206072,"title":"oneocean-performance-blog2","filename":"oneocean-performance-blog2.gif","filesize":842144,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/oneocean-performance-blog2.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/whats-new-in-arcgis-api-for-javascript-version-4-19\/oneocean-performance-blog2","alt":"","author":"4271","description":"","caption":"","name":"oneocean-performance-blog2","status":"inherit","uploaded_to":1206032,"date":"2021-04-21 05:28:59","modified":"2021-04-21 05:28:59","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1230,"height":400,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/oneocean-performance-blog2-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/oneocean-performance-blog2.gif","medium-width":464,"medium-height":151,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/oneocean-performance-blog2.gif","medium_large-width":768,"medium_large-height":250,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/oneocean-performance-blog2.gif","large-width":1230,"large-height":400,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/oneocean-performance-blog2.gif","1536x1536-width":1230,"1536x1536-height":400,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/oneocean-performance-blog2.gif","2048x2048-width":1230,"2048x2048-height":400,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/oneocean-performance-blog2-826x269.gif","card_image-width":826,"card_image-height":269,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/oneocean-performance-blog2.gif","wide_image-width":1230,"wide_image-height":400}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Snapping!!<\/h2>\n
We added support for feature-to-feature snapping in both 2D and 3D. You can snap to existing features from a FeatureLayer, GraphicsLayer, GeoJSONLayer, or CSVLayer currently loaded on the Map.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1209242,"id":1209242,"title":"3d-snapping","filename":"3d-snapping.gif","filesize":1708341,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/3d-snapping.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/whats-new-in-arcgis-api-for-javascript-version-4-19\/3d-snapping","alt":"","author":"4271","description":"","caption":"","name":"3d-snapping","status":"inherit","uploaded_to":1206032,"date":"2021-04-22 03:34:29","modified":"2021-04-22 03:34:29","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":800,"height":450,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/3d-snapping-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/3d-snapping.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/3d-snapping.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/3d-snapping.gif","large-width":800,"large-height":450,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/3d-snapping.gif","1536x1536-width":800,"1536x1536-height":450,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/3d-snapping.gif","2048x2048-width":800,"2048x2048-height":450,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/3d-snapping.gif","card_image-width":800,"card_image-height":450,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/3d-snapping.gif","wide_image-width":800,"wide_image-height":450}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/widgets-editor-3d\/"},{"acf_fc_layout":"content","content":"
How do you access snapping?<\/h3>\n
Review the\u00a0ES modules<\/a> guide topic for the basic steps necessary for using ES modules. There are also sample apps<\/a> available that demonstrate concepts for integrating the modules with various frameworks and tools.<\/p>\n