{"id":82861,"date":"2018-02-26T08:10:48","date_gmt":"2018-02-26T08:10:48","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/maps-app-javascript\/"},"modified":"2018-04-25T20:42:44","modified_gmt":"2018-04-25T20:42:44","slug":"maps-app-javascript","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/announcements\/announcements\/maps-app-javascript","title":{"rendered":"Maps App JavaScript"},"author":7451,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37101],"tags":[36401,24921,27491,34531,36161],"industry":[],"product":[36831,36601],"class_list":["post-82861","blog","type-blog","status-publish","format-standard","hentry","category-announcements","tag-example-apps","tag-javascript","tag-jsapi4","tag-unit-testing","tag-web-development","product-js-api-arcgis","product-developers"],"acf":{"short_description":"Example App: Maps App JavaScript\r\nThe ArcGIS for Developers Example Apps are a great way to start working with the ArcGIS Platform through...","flexible_content":[{"acf_fc_layout":"content","content":"

Example App: Maps App JavaScript<\/h1>\n

The ArcGIS for Developers Example Apps<\/a> are a great way to start working with the ArcGIS Platform<\/a> through the lens of a specific ArcGIS product. These example applications are designed to address real world needs, and go beyond what you might normally come across in standard tutorials or samples. The goal is to provide developers some guidance on best practices on building applications with the ArcGIS platform. You can read more details about the Example Apps in this blog post<\/a>.<\/p>\n

For you eager souls that have been looking for something written in JavaScript, we put together the Maps App\u00a0JavaScript<\/a><\/strong> using the latest version of the ArcGIS API for JavaScript<\/a>. The code is hosted on GitHub in the maps-app-javascript repository<\/a>.<\/p>\n

\"\"<\/a><\/p>\n

Modern Development Tooling<\/h1>\n

The Maps App includes all the modern essentials you would need to get started to build a full-scale application using the 4.x version of the ArcGIS API for JavaScript. The entire application is written in TypeScript<\/a>, and uses Webpack<\/a>\u00a0in combination with the ArcGIS API for JavaScript<\/a>. The Maps App also utilizes Service Workers<\/a> to help enable caching of data and files for faster startup times of your application.\u00a0Styling is provided with\u00a0Calcite Web<\/a>,\u00a0and the CSS tooling uses\u00a0Sass<\/a>\u00a0and\u00a0PostCSS<\/a>.\u00a0The Maps App also uses a variety of Webpack plugins to build optimized files and images used when you deploy your application.<\/p>\n

In addition to using all of these development tools, we also include a handy testing process. The Maps App uses Intern 4<\/a> for unit testing and provides a number of example unit tests you can review. Unit testing is a way to test pieces of your application to help isolate the issue, and can be extremely useful to find problems early in the development process.<\/p>\n

\"\"<\/a><\/p>\n

Functionality Showcased<\/h1>\n

While most samples or tutorials emphasize one area of functionality, the Maps App\u00a0JavaScript<\/a><\/strong> includes the kinds of features you would expect to find in a production application. Here is an outline of what you can accomplish with this app:<\/p>\n