Categories
JavaScript Libraries IDE Native App Development Web App Development

Ultimate Best Web and Native App Tech Stack

What is the ultimate app development technology stack? Of all the tools we’ve found, the following gives the most flexibility. But first let’s give some of our judging requirements.

Requirements

  1. Ease of setup
  2. Low maintenance
  3. Cost (for hosting, and additional development)
  4. Flexibility
  5. Scalability
  6. Portability (able to use on other hosts, and not be locked in)
  7. Extensibility (Modularity and open source with standards)
  8. SEO (so people can find your site)
  9. Reusability (able to use for other purposes)
  10. Automatable
  11. Community (documentation and people to answer questions)

The Stack

Here are our top choices for the ultimate technology stacks, that bring the most benefits and flexibility for the least amount of cost:

Have some other tech stack suggestions? Please drop a comment below.

Categories
IDE

Best Visual Studio Code Extensions

The following are some of our favorite extensions for Visual Studio Code:

  • Beautify or Prettier – Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.
  • Cordova Tools – Debug on a mobile emulator or a physical mobile device from directly inside of VS Code. The setup for this can be a little tricky.
  • GitLense – Very handy for being able to see Git history without leaving the code.
  • Angular Language Service – dynamic code hints for Angular templates.
  • Angular Snippets – adds snippets for Angular for TypeScript and HTML.
  • Back and Forth – great way to add a back button to your code editor (similar to Xcode), so you can get back to the last file you were looking at.
  • Bracket Pair Colorizier – make your bracket pairs easier to see!
  • Material Icon Theme – style your icons like Material Design.
  • Nx Console – essential for working with Nx monorepo projects.
  • Debugger for Chrome – debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.
  • Rest Client – allows you to send HTTP request and view the response in Visual Studio Code directly.
  • Live Server – launch a local development server with live reload feature for static & dynamic pages.
  • Peacock – subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.

Have some more favorites we didn’t mention? Please drop them in the comments below.