web app development questions - getting started

Question

Questions for those with good ESRI JS web development experience:

1. JS build systems - grunt or gulp?

2. is bootstrap still the best frontend page dev for multiple devices ?

3. Sass or Less??

4. framework - backbone, angular, react or ember??

5. need for dependency management (i.e. browserify)??

6. why node.js?

7. mongoDB vs MySQL?

8. best IDE for all the above javascript web development?

9. can I use ESRI Javascript API and build apps and analysis for free??

Thanks so much for your guidance and sharing.

JasonHineEsri · Answer

Hi Tony,

To help answer your 2nd follow-up question, you can batch geocode a list of addresses using the Locator class and the World Geocoding Service. As a developer, you can leverage a free ArcGIS for Developers account, which includes enough credits to batch geocode about 1200 addresses in a given month. The ArcGIS for Developers account is intended to give you the ability to develop and test solutions that access premium Esri content and services; when you're ready to deploy, you can figure any expected credit consumption into the pricing model for your app.

TonyJoseph · Answer

Thanks for the replies. Sorry but I do need a bit more clarification:

1. Dojo vs Bootstrap for frontend dev - after dabbling I notice the development with bootstrap much faster, better documentation  and caters for various devices display better (from an overall web application perspective, not just for a web map app). Dojo has many widgets with great custom tools (like graphs, info boxes) that helps with the overall web map app) but doesn't really work with overall web application ... incl frameworks and web applications like Angular ... that well (unlike Bootstrap). Am just trying to quickly dev a web app (incl data with XY or geocoding attributes) with an embedded map app (with some basic GIS functions).

2. Can I map, grid, annotate, classify and geocode points on a JS web map app without having to purchase ArcGIS Server (using free ArcGIS Online webservices and free ESRI JS API)??  If I have a JS web map app built with basic global layers ... what are the free GIS analysis and geoprocessing tools I can consume and use (i.e. read from a table with XY or address column and map it)?

Much appreciate any feedback and advice. Am trying to avoid issues later on in the development stage.

ReneRubalcava · Answer

1. Grunt or Gulp? - Pick your poison. There's grunt-dojo to get a full dojo build. Gulp doesn't have a similar plugin, but you can use it to run the command line node tools.

2. Bootstrap is fine, there's Foundation, Pure, Material, and more. It's really whatever is going to work best for you.

3. CSS Preprocessor is again, just a choice. No preferred method. I like Stylus and Dojo2 is using Stylus.

4. EsriJS is built on Dojo, but can work with  Backbone, Angular, React or Ember. Again, this is personal preference.

5. EsriJS API is AMD, no browserify.

6. Node for build tools and dev environment.

7. What are you trying to do? NoSQL can serve a purpose, but once you find yourself doing client-side joins you'll probably wish you'd gone relational.

8. Personal preference, I'm a vim guy, but have been using Visual Studio Code for TypeScript work.

9. Yes, API is free, you'd only pay if you want premium ArcGIS online content.

I wrote just last week about tooling for your ArcGIS JS Apps and development tools for ArcGIS API for JavaScript. You might find those helpful.