Tips

Web Development

11 of Our Favorite JavaScript Developer Tools

May 12, 2016

Anna McCallon

By Anna McCallon

From JavaScript debugging tools to our favorite JS libraries, here are some of the resources that enable us to write better, cleaner code. Eight of Fresh’s devs weigh in on their choices for JavaScript developer tools.

1. ESLint helps everyone to write clean JavaScript code!

Steve, CTO
ESLint source code from Github

 

2. Client/Server data synchronization library for Node.js I created that handles all communication between server and client, suitable for real-time applications and games.

Sirius, Front-End Developer

JavaScript data synchronization library on github by Sirius Strebe

3. postcss/autoprefixer for parsing CSS and adding vendor prefixes to rules.

Chris G, Full-Stack Developer

autoprefixer for parsing CSS

 

4. JSFiddle is like a scratch pad for easily testing your JavaScript ideas or theories.

Ryan, Full-Stack Developer

 

5. Plunker–great for prototyping testing ideas.

John, .NET Developer

Plunk for prototyping

6. Chrome’s dev tools for easily debugging JavaScript errors and identifying performance bottlenecks. 

Steve, CTO; and Elisha, Front-End Developer

Chrome dev tools

7. co uses generators to treat promises as synchronous actions in Node.js.

Chris G, Full-Stack Developer

tj co JS tool

 

8. jsperf for comparing processing performances between different coding approaches.

Elisha, Front-End Developer

JS Perf one time set up

 

9. Babel, a compiler for writing next generation JavaScript.

Chris G, Front-End Developer

Babel JavasScript compiler

 

10. Codewars challenges you to up your skills for writing better JS.

Jesse, Front-End Developer

Codewars

 

11. Codepen to test out HTML, CSS, and JavaScript code with a beautiful interface, and its recently added feature lets you debug without needing an additional window open.

Ray, Full-Stack Developer

Codepen for testing out code

Anna McCallon

Anna McCallon

Sales & Marketing Coordinator

Anna's tech tastes lean towards CRMs, Google products, and Android. She's also a big fan of DIY, books, and watching full seasons on Netflix.

You might also like...

5

Aug.

Chaise Conn

Everything as Code

Writing code isn’t the only skill you need to deliver software, but it might be the most important skill for everyone involved. Every role involved in delivering and operating modern systems is beginning to use tools to automate their jobs. Instead of having a deployment checklist, you can define each step in code and have … Continued

25

May.

Chaise Conn

Using Containers to Automate Your Development Environment

Beginning to work on an existing codebase can be daunting, but it can be even more time-consuming if the team hasn’t taken time to automate the creation of their development environment. When you start working on an existing project, you’ll likely follow similar steps to the ones below to run the code on your machine: … Continued

17

Feb.

Jirayu Yingthawornsuk (Jay)

Compiling CSS and JavaScript Made Easy with Laravel Mix

Today, we have a lot of tools and technologies to aid web development. CSS preprocessors like SASS or LESS make writing CSS easier and more powerful than ever. JavaScript keeps evolving with new features added every year. But these options can come with a cost: compatibility. CSS preprocessors are unlikely to have native support in … Continued