- IDEs and Editors
- Task Runners and Module Bundlers
- Documentation Software
- Testing Frameworks
- Linting Software
- Security Analysers
- Package Managers
IDEs and Editors
It’s the place where you write your code is important. Some devs some prefer editors and others prefer Integrated Development Environments (IDEs). While editors make for smoother and responsive performance, IDEs are generally used for more complex projects.
As they offer to debug functionality and support for ALM systems which can integrate with platforms for version control and more.
Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It includes support for debugging, auto-indentation, Git control, syntax highlighting, code refactoring, and more.
This text editor written by the developers at GitHub. It comes with plenty of features out of the box. Such as cross-platform editing, a built-in package manager, smart auto-completion, find and replace, etc. So there’s plenty of themes to customise its look and feel to suit your needs.
Task Runners & Module Bundlers
And while you will find some build tools will have a learning curve. They can help automate common tasks in programming.
This module bundler enables multicore compilation. Which makes it blazingly fast. Out of the box, Parcel supports JS, CSS, HTML, and file assets.
Software without documentation is any developers nightmare. Software with inadequately written documentation is arguably even worse, documentation explains how the software operates and how it should be used.
But writing documentation is hard. It’s complicated, time-consuming, and boring too. Fortunately there’s are some software documentation tools which ease some of the burdens of writing documentation. Which can make the process faster.
Docco is a quick-and-dirty documentation generator. Written in Literate CoffeeScript. It produces an HTML document that displays your comments intermingled with your code. All prose is passed through Markdown, and code is passed through Highlight.js syntax highlighting.
Markup language used to annotate JS source code files. Which is then used to produce documentation in formats like HTML and RTF.
Helps across the entire API life-cycle. From design to documentation. It is a set of rules and tools for describing APIs. and it’s language-agnostic and readable both by humans and machines.
This is a Node.js app that generates API docs from comments in the source code. Also, it supports a wide range of JS coding styles and its output is API docs formatted as a set of HTML pages.
Software testing is a necessary part of the development process. And you need to figure out whether all your code works under a changing set of circumstances. It’s how you can identify errors, gaps or missing requirements as compared to the actual project requirements.
These testing tools come in handy. Due to the growing complexity of apps makes it increasingly cumbersome to test software manually. These tools run a test script and generate test results automatically.
ESLint is an open-source plugin for JS and JSX, to be used mainly on the command line and all rules are plugg-able, so devs can create their own linting rules.
A JS code checker developed by Facebook, it checks your code for errors through static type annotations but needs only a minimum of such descriptions. Flow will understand the rest.
A fully automatic style guide. Which leaves style debates at the door. So you can focus on more important decisions.
Debugging tools make debugging less time-consuming and difficult. As they help you achieve more accurate results. A debugger tool can become your best friend in frustrating moments.
A set of tools built directly into the Google Chrome browser. The Chrome Dev Tools have multiple utilities that help you debug JS code step by step.
Cybersecurity has become the uppermost priority for companies and countries. As vulnerable software is the common attack for hackers. As a developer, the security of anything you code should be a priority.
Retire.js helps detect if you have versions of dependencies that has known security vulnerabilities. It is a command line scanner. But also has a Grunt plugin, a Chrome/Firefox extension, and a Burp/OWASP Zap plugin.
Acunetix is an application security testing platform that is here to secure your websites apps, and APIs. It uses both black-box and gray-box hacking techniques to help find vulnerabilities.
Snyk is a developer-first application security analyser that find and automatically fix vulnerabilities in your code, open-source dependencies, containers, and infrastructure as code.
OSS Index is a catalogue of open-source components and scanning tools to help developers identify vulnerabilities, understand risk. And keep their software safe. It supports multiple ecosystems, such as Alpine, NPM, Bower, Drupal, RubyGems and plenty more.
Having that software that can automatically install, upgrade, configure and remove the packages that is maintained in the repositories. Also, package managers also look at your dependencies and make sure new versions of packages don’t break your code.
The default package manager for Node.js. Although it can be used for front-end development too. It’s the largest software registry in the world, with over 1.2 million packages.
The main competitor of npm. Developed by Facebook. Yarn offered some significant advantages over npm when released in 2016. Although npm has since caught up considerably.