Sunday, February 26, 2017

JS development with ATOM IDE

JavaScript has been the most sought after s/w development language in the last 3 years. Researchers claim JS developers will be the highest paid developers in 2017/18. If you are a JS developer, you cannot wish for a better time.

NodeJS has rocked the service industry. Angular JS & React JS is now shaping client industry. React Native, Native Script and Cordova is redefining Mobile development. As a whole JS is every where.

With right design patterns and IDE, JavaScript development an easier tool to master. Design patterns is a skill level. I'll continue to post more on different design and architecture patterns, in coming days. Let's first talk about IDE's.

There are a fleet of IDE available for JS development. If you are looking for a paid solution. Look no where belong Webstorm. From the open source world we have Eclipse, Sublime Text, Brackets, ATOM, VSCode and so much more. I started with the oldest in the game, Sublime Text. I continue to use it for some cases. No complaints, it still continues to be one of the best of the simple IDE's.

However there is another IDE that has been making rounds, "ATOM". Very simple, efficient, super easy to maintain. I liked the interface from day one. I shared my experience with my friends. They tried it and had similar experiences.

Most of these open source IDE's like Sublime Text, work well with right packages. ATOM is no different. ATOM store is loaded with packages and is easy to access it too. No need to install any external package managers to begin. Open preferences from ATOM menu and you have "Install Packages" right there. From source control to terminal access, code compilation, spell check and documentation, all sort of packages are available.

Here are the list of packagaes I installed for ATOM. There are a lot more, if you want


  • Atom Beautify
  • Atom TernJS
  • Auto-detect Indentation
  • Auto-update packages
  • Autocomplete Modules
  • DocBlockr
  • Editor Config
  • GIT Projects
  • Language Babel
  • Linter ESLint
  • Linter Flow
  • Nuclide
  • React
  • Sync Settings
  • Term3
  • TODO Show
  • Pigments
  • Toolbar
  • file-icons
  • autoprefixer
  • emmet
  • highlight-line
  • highlight-selected
  • selection-highlight
  • Node debugger for ATOM
  • atom typescript
If there's a package I missed that you found very useful, please do share it.