5 Web Development Tools You Need in 2020
Tags: javascript, beginners, webdev, css
Published: 2020-07-28 17:37:50

This list complies with tools that I have found useful during my time as a software engineer working with React/JavaScript. If anyone would like to share any tools I didn't mention, commend down below and I will either add them to this list or make a new list in the future. This list will exclude some tools that are most often mentioned in top tools for developers articles(ESLint, Prettier, etc.). I will also mention tools that can be used for any web developer and are not just catered to one framework such as React, Vue, etc.

*Full Disclaimer - I do not receive any commission through any of these links.*

## Table of Contents
* [:balloon:Kite](#ch1)
* [:pencil2:StackEdit](#ch2)
* [:mobile_phone_off:Responsively](#ch3)
* [:chart_with_upwards_trend:Chart.js](#ch4)
* [:card_index:Public API List](#ch5)

## Kite <a name="ch1"></a>

![kite.com](https://dev-to-uploads.s3.amazonaws.com/i/m1si2glfu9a4v3y8bcdz.jpg)

This tool is my personal favorite for daily use. Kite is an AI-powered coding assistant that automates the repetitive parts of programming. The current languages Kite supports is Python & JavaScript.

[Checkout Kite by clicking here!](https://www.kite.com/)

## StackEdit <a name="ch2"></a>

![StackEdit.io](https://dev-to-uploads.s3.amazonaws.com/i/bdreacxq5si27kpli0j5.jpg)

Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites. I use these tools a lot when I am writing ReadMes or my Dev articles

[Checkout StackEdit by clicking here!](https://stackedit.io/)

## Responsively <a name="ch3"></a>

![Responsively.app](https://dev-to-uploads.s3.amazonaws.com/i/9iml2qgr6bmtw12o3wm2.png)

This tool I have recently started to use and so far I have enjoyed it. Responsively is a modified web browser that helps in responsive web development. 

[Checkout Responsively by clicking here!](https://responsively.app/)

## Chart.js <a name="ch4"></a>

![Chart.js](https://dev-to-uploads.s3.amazonaws.com/i/mcotzpciimxm6x9rjp0a.jpg)

Chart.js is a free and open-source tool for adding charts to your front-end web application. It supports eight types of charts including bar, line, linear, time-scale, and linear-scale. I used Chart.js for my COVID-19 project mentioned in my article.

{% link https://dev.to/mrshawnhum/covid-19-tracker-with-react-chart-js-nodejs-37ia %}

This is a great way to add visualization to your application's data with less required CSS.

[Checkout Chart.js by clicking here!](https://www.chartjs.org/)

## Public API List <a name="ch5"></a>

![API list](https://dev-to-uploads.s3.amazonaws.com/i/zz28sfburmt69ho0wmpo.jpg)

A collective list of free APIs for use in software and web development. You can find any API for your next project here rather it is stock prices or NFL players' arrest history.

[Checkout Any-API by clicking here!](https://github.com/public-apis/public-apis)

## Thank You

Thank you for checking out my favorite tools that I use for my production. I hope I have mentioned some tools you may not have heard of. Check out my profile to read some of my other articles from recent projects to watercooler talk. Let me know if there is a tool you enjoy! 

{% user mrshawnhum %}