Equally important as tools used within your editor are tools to help your browser experience. As developers it can be easy to underestimate the amount of time spent debugging our creations here.
As a result, I wanted to share my favorite Chrome extensions which have made my experience much more easy and enjoyable.
Here they are, in no particular order…
- My favorite tool for anyone who works with API data or any other nested hashes. It automatically formats your JSON responses in a readable syntax. There is also a lot of customization options for theme and syntax highlighting.
- Before the tech world went crazy for dark mode on everything, Dark Reader was providing us with the ability to change it up. Built with extensive ability for customization regarding which sites should be affected and which ignored, this is easily one of my top favorite extensions.
- The amount of times I have been developing in React and forgot to pass down a prop or update my state has happened more times than I can count. This tool helps you follow the flow of data in your app for easier debugging.
- This extension is your command center for applying Redux to your React project. See your store, props, state, and other helpers with ease. It also allows you to track whether or not an action has been fired and your reducer implemented, which is half the battle when developing in Redux.
- My classmate, Errol Watson, built this tool specifically for Flatiron students. It allows you to clean up your browser by toggling social elements — pop ups which show you classmates’ progress — on applicable Learn.co pages for users with accounts. Somebody needs to award Errol a Nobel Peace Prize for this one.
- Cristina Cristobal introduced this one to me and it is a gamechanger. Sometimes you need to share code outside a beloved editor. This add-on for Google Docs allows you to format it in the language of your choice inside a report, notes document, training manual, memo, and more. Cristina has written about other great tools that can increase your productivity so you should definitely follow her.
- If you suffer from burnout this is the tool for you. This browser timer follows the Pomodoro Technique to help you work for short bursts with breaks in between. The extension is part of a larger productivity package which hooks up to most popular list-making tools, like Trello and Asana. At the end of your day, it emails you a copy of every task you worked on and for how long.
It is impossible to list all of the great extensions out there for developers in one article. Manage yours by typing chrome://extensions/ in your address bar. There, you can search for more and add the ones I linked above.