javascript applications for the enterprise: building …...javascript applications for the...
TRANSCRIPT
![Page 1: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/1.jpg)
George Bochenek Randy Jones@bosshenek @randysjones
JavaScript Applications for the Enterprise: Building for Production3D Visualization with the ArcGIS API for JavaScript
![Page 2: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/2.jpg)
Always and Forever Best Practices
gzip
http://www.docnrolla.com/codex/css-image-sprites-google-best-practice.php https://tse2.mm.bing.net/th?id=OIP.a2zYlvdmT2zDiTQFHCjlqQHaEK&pid=Api
![Page 3: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/3.jpg)
Google LighthousePageSpeed Insights
H5BP Server-Configshttps://github.com/h5bp/server-configs
https://developers.google.com/speed/pagespeed/insights/
Apache
Google App Engine (GAE)
Internet Information Services (IIS)
lighttpd
Nginx
Node.js
![Page 4: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/4.jpg)
If you build it they will come…
![Page 5: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/5.jpg)
![Page 6: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/6.jpg)
https://developers.arcgis.com/javascript/latest/guide/using-webpack/
https://github.com/esri/arcgis-webpack-plugin
![Page 7: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/7.jpg)
"devDependencies": {"clean-webpack-plugin": "^2.0.0","copy-webpack-plugin": "^5.0.0","css-loader": "^2.1.0","html-loader": "^0.5.5","html-webpack-plugin": "^3.2.0","mini-css-extract-plugin": "^0.5.0","raw-loader": "^1.0.0","uglifyjs-webpack-plugin": "^2.1.2","webpack": "^4.29.6","webpack-cli": "^3.2.3","webpack-dev-server": "^3.2.1"
},"dependencies": {
"@arcgis/webpack-plugin": "^4.10.5"}
![Page 8: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/8.jpg)
Legacy App Integration Tips and Tricks
• Relative Paths Are Easier• require(“buildProject/buildProject”) becomes require(“./buildProject”)
• Old School Templated Widgets
• Static Config Files• Use CopyWebpackPlugin
![Page 9: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/9.jpg)
Setup Your Apps with a CLI
![Page 10: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/10.jpg)
https://github.com/Esri/arcgis-js-cli
![Page 11: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/11.jpg)
What About Web AppBuilder?
https://github.com/gbochenek/esri-wab-build
![Page 12: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/12.jpg)
Continuous Integration
![Page 13: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/13.jpg)
Separate Your Code
https://github.com/Esri/generator-esri-appbuilder-js
Web AppBuilderDev Edition
generate
watch Copywidget
git
create
![Page 14: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/14.jpg)
Source Control the Right Things
https://github.com/Esri/generator-esri-appbuilder-js
Web AppBuilderDev Edition
generate
watch Copywidget watch
Config ProjectCopy
configs
git
git
createWidget Project git
![Page 15: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/15.jpg)
Web AppBuilder Pipeline
https://github.com/rsjones/wab-config
Web AppBuilderDev Edition
Config Projectgit git
createWidget Project git
Template App w/All Widgets
App to build
Copy to app directory
App.zip deploy
https://github.com/rsjones/wab-widget
Submodule
![Page 16: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/16.jpg)
Related Talks
Web AppBuilder for ArcGIS: Advanced Development Tools and Techniques• Thursday // 5:30 – 6:30• Catalina / Medera• George Bochenek / Gavin Rehkemper
Unit Testing with the JavaScript API• Thursday // 1:00 – 2:00• Catalina / Medera• George Bochenek / Randy Jones
![Page 17: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/17.jpg)
Resources• 2018 Dev Summit Building for Production Talk:
• https://www.youtube.com/watch?v=KGJs4au30Zk
• Google Lighthouse:• https://developers.google.com/web/tools/lighthouse/
• ArcGIS WebPack Plugin: • https://github.com/esri/arcgis-webpack-plugin• https://developers.arcgis.com/javascript/latest/guide/using-webpack/
• Building Web AppBuilder:• https://github.com/gbochenek/esri-wab-build
• @arcgis/cli• https://github.com/Esri/arcgis-js-cli
![Page 18: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/18.jpg)
Complete answersand select “Submit”
Scroll down to find the feedback section
Select the session you attended
Download the Esri Events app and find your event
Please Take Our Survey on the App
![Page 19: Javascript Applications for the Enterprise: Building …...Javascript Applications for the Enterprise: Building for Production Author Esri Subject 2019 Esri Developer Summit Palm Springs](https://reader031.vdocument.in/reader031/viewer/2022013003/5f4b23941b6a721c7e548129/html5/thumbnails/19.jpg)